Forum Replies Created
-
AuthorPosts
-
Hey!
Where did you add this code?
#top.page-id-24 #av_section_1 .av-special-heading .av-special-heading-tag { font-size: 100px; line-height: 43px; }
Please add all css modifications in the Quick CSS field or the child theme’s style.css file.
Cheers!
IsmaelAugust 4, 2015 at 7:28 am in reply to: Mobile Menu Cutting off entries in the Menu based on size of the page #482529Hey!
Alright. What if you enable the “Hide Mobile Menu Submenu Items” option in the Header > Mobile Menu panel?
By default all menu items of the mobile menu are visible. If you activate this option they will be hidden and a user needs to click on the parent menu item to display the submenus
Regards,
IsmaelHi!
You can use this in the Quick CSS field in order to adjust the active parent menu item font color:
.active-parent-item a .avia-menu-text { color: red !important; }
Cheers!
IsmaelHi maschera!
Thank you for using Enfold.
Are you trying to create a single page navigation? Please refer to this link: http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/
Regards,
IsmaelAugust 4, 2015 at 7:18 am in reply to: Imported fontella icons but not showing correctly on site #482525Hi Barnez1!
Thank you for using Enfold.
How did you apply the font icon to the social icon? You can follow this: http://kriesi.at/documentation/enfold/custom-social-icons/
Regards,
IsmaelAugust 4, 2015 at 7:15 am in reply to: Possible to change Google font for each instance of a full-width slider caption? #482524August 4, 2015 at 7:10 am in reply to: ENFOLD – child theme – Style.css does not have any effect. #482521Hey!
You can add this in the Quick CSS field:
.avia-layerslider { background-color: transparent !important; }
Cheers!
IsmaelHey obistefkenobi!
Thank you for using Enfold.
You can increase the max width and height of the masonry thumbnail size. Install the following plugin then go to the Settings > Media panel. Look for the “masonry” thumbnail, adjust the size, save then regenerate the thumbnails. https://wordpress.org/plugins/simple-image-sizes/
Best regards,
IsmaelHi!
I checked the page and the socket looks OK, it is full width. Did you fix it?
Cheers!
IsmaelHi!
I’m not sure if this is what you’re looking but you can try this in the Quick CSS field:
.template-shop .single-product-main-image .images a { width: 50%; float: left; } .single-product-main-image .thumbnails { margin-top: 10px; width: 45%; float: left; } .single-product-main-image { width: 100%; float: left; }
A screenshot will help.
Regards,
IsmaelHey!
Use this in the Quick CSS field to adjust the space between the widgets:
.widget { padding: 10px 0 10px 0; }
Regards,
IsmaelHey combra!
Thank you for using Enfold.
You can try this:
#top input[type='number'] { width: 200px !important; }
Best regards,
IsmaelAugust 4, 2015 at 6:51 am in reply to: LayerSlider WP loads the images distorted, by the first time … #482513Hey!
Great. If you don’t mind me asking, what is the exact settings that you changed? This may help other users who have WP Rocket on their installation.
Best regards,
IsmaelHey!
Looks like you didn’t setup a page hierarchy so the “Middle Years” menu item, even though it is under the “Learning at ISA” page has no connection between the two of them. You can set the “Learning at ISA” as parent page of the “Middle Years” page and the rest of the page under “Learning at ISA”. If you do this, WP will automatically add a unique css class attribute to the parent menu item which we can then use to properly adjust the style of the active parent menu item.
https://en.support.wordpress.com/pages/page-attributes/
Regards,
IsmaelHi!
If you want to set “Italian” as the default language, you have to add this in the wp-config.php file:
define ('WPLANG', 'it_IT');
You can then use the language_attributes filter plus the is_page conditional function to change the lang attribute on the english pages. Add something like this in the functions.php file:
add_filter('language_attributes', 'language_attributes_mod', 10, 1); function language_attributes_mod($output) { if(is_page(array( 2, 55, 'Test Page' ))) { $output = 'lang="en_US"'; } return $output; }
The 2 and 55 value is the id of the pages that requires modification. You can also use the actual title or slug of the page.
Cheers!
IsmaelHey!
Alright. I’m sorry but there is no such page in the woocommerce plugin. You can only create a tracking field in order for customers to check the status of their orders. Add this shortcode in any page:
[woocommerce_order_tracking]
EDIT: You need to install an extension to enable the order details: http://docs.woothemes.com/document/woocommerce-admin-custom-order-fields/
Cheers!
IsmaelHi!
This is the whole body markup of the home page: http://pastebin.com/ybr6RqNB
Right after the body tag, you’ll see the stylesheets and scripts. Those codes should be included in the head tag by default.
EDIT: The default markup should look roughly like this:
HTML
HEAD
SCRIPTS / STYLESHEETS
BODY
WRAP ALL
HEADER
MAIN
FOOTER
SOCKETThe SCRIPTS / STYLESHEETS in your installation comes right after the body tag and before the wrap_all container.
Regards,
IsmaelHey!
I checked the page and the markup is quite different from the default markup of the enfold theme so I assume you’re using a third party plugin to build the page. Please contact the plugin author regarding this issue.
Regards,
IsmaelAugust 3, 2015 at 1:14 pm in reply to: Mobile Menu Cutting off entries in the Menu based on size of the page #482070Hey!
Did you actually test this on a mobile device? If you open the mobile menu on an actual mobile device, you’ll be able to scroll down or swipe up to see the rest of the mobile menu. On desktop, you can scroll down.
Best regards,
IsmaelHi!
First of all the image that you’re using is not transparent: http://www.hayden-media.com/A1/wp-content/uploads/2015/07/slide1_Layer_x.png
Make it transparent then use this in the Quick CSS field to remove the background of the main container:
#main, .avia-msie-8 .av_header_sticky_disabled#header { background-color: transparent; }
Cheers!
IsmaelAugust 3, 2015 at 1:00 pm in reply to: Tooltips icons location and tooltips window overflow off the page #482059Hey!
Thank you for using Enfold.
You can’t set the tooltip to align left or right but you can adjust the position in the Quick CSS field:
#top .avia-icon-tooltip { margin-left: -50px; } .avia-tooltip .avia-arrow-wrap { margin-left: 43px; }
Regards,
IsmaelHey RynoSwan!
Thank you for using Enfold.
What is the code that you need to add? You can try the wp_head or wp_footer hook. https://codex.wordpress.org/Plugin_API/Action_Reference/wp_head
Best regards,
IsmaelHey!
Hmm.. I just don’t see any difference between the pages but glad it worked. :)
Best regards,
IsmaelHey djshortkut!
Thank you for using Enfold.
What is the error that you get when you test the code? You can replace the code with this:
add_action('init', function() { global $avia_config; $avia_config['font_icons']['close']['icon'] = 'ue824'; $avia_config['font_icons']['mobile_menu']['icon'] = 'ue824'; return $avia_config; });
Adjust the icon value.
Regards,
IsmaelHey MindSpark!
Thank you for using Enfold.
I’m not sure what you mean by that but if you try to resize the browser, you’ll see that the button is visible on smaller screen size.
Regards,
IsmaelHi martinprankl!
Thank you for using Enfold.
Use this in the Quick CSS field to adjust the logo on mobile view:
@media only screen and (max-width: 767px) { .responsive #top .logo { width: 100%; } .responsive .logo a { text-align: center; } .responsive .logo img { display: inline-block; max-height: 156px; } }
Regards,
IsmaelHi Gigi!
Thank you for using Enfold.
Use this in the functions.php file to disable the default google font:
/* Disable Google Font embedding */ add_action( 'init', 'enfold_customization_switch_fonts' ); function enfold_customization_switch_fonts() { global $avia; $avia->style->print_extra_output = false; }
Regards,
IsmaelHey TippToppFoto!
Thank you for using Enfold.
Users usually use third party services like imgur or dropbox when they want to post a screenshot because the forum doesn’t have any upload capability :)
1.) Are you trying to edit the menu items’ description? Go to the Appearance > Menus panel then remove the menu item description. If you can’t see the description field, activate it in the Screen Options.
2.) I’m sorry but can you please explain the issue a little bit further A screenshot will help.
3.) Use this in the Quick CSS field to adjust the left post navigation:
.avia-post-prev { left: 301px; }
4.) You can only use a single style for the header. It’s either the top header or the left or right sidebar menu.
If possible, please create a single thread for each inquiry. Thank you.
Best regards,
Ismael -
AuthorPosts