Hi,
I would like to add the Layout Builder to a custom post type, using a child theme. I have checked out this video and the changes only work when applied to the main enfold theme, not the child theme.
I guess Dude’s response to another thread explains in a different context, however I have not spent too long looking at structures of the theme and therefore not sure on the code I should use.
Thx
Hi!
1.) This is a css to make a large part of the icon box clickable.
.iconbox_content_title a {
display: block;
position: relative;
width: 200px;
height: 200px;
z-index: 9999;
}
.iconbox_content p {
position: absolute;
top: 20px;
}
2.) You need to use “Fixed Header with Social Icons and additional Navigation” as the Header Type then we can modify the css positioning of the contact number and the social icons.
Best regards,
Ismael
Hey zerozendesign!
1.) You can add this on your custom.css or Quick CSS to define the active menu color:
#top .header_color .current-menu-item a {
color: red !important;
}
2.) What is the code you added to adjust the header height?
Cheers!
Ismael
Hi!
You can adjust the position of the language selector using this:
#lang_sel_list {
position: relative;
left: 40%;
top: 60px;
}
Best regards,
Ismael
Hi web4smallbusiness!
You can add this on your custom.css or Quick CSS:
body .column-top-margin {
margin-top: 20px;
}
.avia-slideshow {
position: relative;
margin: 20px 0;
}
Regards,
Ismael
Hi Ismael – I essentially wanted to move the right sidebar to the left and have it look exactly the same – left align with indents the same. I did some digging:
– Changed everything to the left sidebar
– Added this to the quick css:
#top .sidebar_left .widget_nav_menu ul ul li:before {
left: 0;
}
.sidebar_left.sidebar {
text-align: left;
}
This got everything to the left (including the bullets), but any levels beyond the second aren’t indenting correct. If you look at this image the words Venacure 1470 Laser should be indented one level more because the parent page is the Venacure EVLT System above it:

Thoughts?
Thank you!
Hi Reidable!
You can add this on your custom.css or Quick CSS:
#top div div.product .woocommerce-tabs ul.tabs li a {
min-width: 100px;
}
Cheers!
Ismael
Hi!
The sidebar nav text is aligned to the right. It is only logical for the indent to be on the right side. You modify the navigation using this:
#top .widget_nav_menu ul ul li:before {
content: "";
}
#top .sidebar_left .widget_nav_menu ul ul li {
list-style: disc inside;
margin-right: -10px;
}
Cheers!
Ismael
Hey MulderMind!
1.) You can set the content background on Enfold > Styling. What do you mean by ” x%”? Can you give us a screenshot of what you’re trying to do?
2.) You can add this on your custom.css to change the color of the image circle overlay:
.main_color .image-overlay .image-overlay-inside::before {
background: red;
}
3.) What type of header do you have right now? You can use this:
#header_meta {
box-shadow: none;
}
#header_main {
border-top: none;
}
Regards,
Ismael
I’ll gladly log in and take a look. I understand how you may look at it as a theme issue but if it was, it would or at least should be manifesting itself with any of the other 9k people who have purchased and are using the theme.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
Hi!
The menu looks fine on IE8 but the caption needs some adjustment.

You can use this to adjust the caption position on IE8:
.caption_right .slideshow_caption {
top: 40%\9;
}
Regards,
Ismael
I posted a support forum question yesterday, but am unable to find it under my profile or anywhere within the forum, so I am posting it again. If it has been answered, I apologise.
I am wondering how do I reduce the size of the padding in Media boxes, eg. padding around images and also on text boxes. There appear to be large gaps between the four images (on either side and also top and bottom) on the images between below the slider and also above the text box underneath and I can’t figure out how to reduce them.
This is the website I am talking about: http://www.kinderart.com.au
If you can please let me know the css code that would be great.
Many thanks
Ivana
Hello dhruvcasper!
Please add following code to Quick CSS in Enfold theme options under Styling
li#wp-admin-bar-avia.menupop { display: none!important; }
Regards,
Yigit
I’ll need to log in and take a look at the site live. If you can create a temporary admin account for me we can dig a bit deeper.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
According to this post https://kriesi.at/support/topic/contact-form-redirect-on-submit-button/#post-140172 I can use the CF7’s option to rediret to thak-you page, that I know.
The problem is that this way I loose all the customization given by the native CF of the theme (css & collumns, responsiveness etc.).
Please give me a solution to remain with the native CF, but implement the redirection,
Great theme anyway, but I need this very much for the PPC…
Regards
-
This topic was modified 12 years, 5 months ago by
vadi4ek.
Same topic answered/addressed here: https://kriesi.at/support/topic/iconbox-link/#post-166268
I’ll close this one for now since its duplicated.
Regards,
Devin
Hello!
Since this topic already has a partial response I’ll continue it here. You can include and overwrite the shortcode by adding a function like this in addition to the file:
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.'/shortcodes/');
return $paths;
}
So you’ll create a shortcodes folder in your child theme and then put the altered file in that folder and the function above will then recognize that folder and its contents.
See Dude’s explanation here as well: https://kriesi.at/support/topic/portfolio-meta/#post-130512
Regards,
Devin
Glad we could help. Let us know if you have any other questions or issues.
Hi there,
I have a couple of questions and I hope you guys have the answers ;-)
Here we go;
– First of all, is it possible to set the different content backgrounds on and x% transparent?
– Is it possible to give the image containers a custom mouse over effect – as it is now you get the cirle with the Arrow in it. I want it to be the same image as before you mause over but then in a different color?
– and the last one; is it possible to completly remove the top menu borders?
Hope to hear from you!
With kind regards,
Jeroen
Hi!
No actually, when icon on top selected, its content background take main colors background color for better readibility :)
Best regards,
Yigit
Hello!
Please add following code to Quick CSS in Enfold theme options under Styling
#top #header .mega_menu_title a:hover {
text-decoration: none; color: #19458d; }
#top #header .mega_menu_title a { color: #707221;}
I could not figure out which section this is http://i1006.photobucket.com/albums/af188/mdgworld/issue_1_zps576be8c2.jpg
Best regards,
Yigit
I used the Enfold – most beautiful theme ever LayerSlider 1 as a template for my home page. Everything looks great on the preview and when I look at the live page all the graphics are pushed to the left on top of each other. I went back in to check and now I have two logos on the page. How do I fix it..
Hey disruptivevision!
Please add following code to Quick CSS in Enfold theme options under Styling
td { padding: 0; }
Best regards,
Yigit
EDIT: I checked your website on my iphone and images look the same as they are on desktop
-
This reply was modified 12 years, 5 months ago by
Yigit.
Hey!
Please add following code to Quick CSS in Enfold theme options under Styling and adjust as desired
#top .main_menu .menu li > a:hover { color: red; }
.header_color .main_menu ul:first-child > li.current-menu-item > a { color: blue; }
.header_color .main_menu .menu ul li a { color: purple; }
#top .header_color .main_menu .menu ul .current-menu-item > a { color: pink; }
#top .header_color .main_menu .menu ul li>a:hover { color: green; }<,/code>
Cheers!
Yigit
I had created a new site using Enfold and was just about to publish it when the drop down menus from the main menu stopped working.
Please help.
Thanks for your help, Devin.
I followed your instructions.
Unfortunately, nothing changed :/
1) Still the ‘0’ before the alternative Contribute text in the grid layout.
Replaced the portion of code. The difference between the code I used (previously given by Dude in this thread: https://kriesi.at/support/topic/change-meta-on-grid-blog-posts/) and the one you gave must be very subtle, because I can’t see a difference.
2) I tried to change the permalinks several times, or just save the default one +3 time, same issues.
Still a space between the name & surname: domain.com/author/Name%20Surname in the grid layout.
Somehow it behaves differently than the meta of the full single articles, where everything runs smoothly, pulling the correct author url (domaine.com/author/name-surname) and the alternative 0 comment code given by Dude works great.
Hey!
As you can see here https://kriesi.at/support/topic/enfold-feature-requests/#post-22197 that feature requested and was accepted and will be added in upcoming versions.
Regards,
Yigit