Increase the height between the title

Hey uuniversal,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .av-special-heading .av-special-heading-tag {
    margin-bottom: 10px;
}

Just adjust the bottom margin. Hope this helps :)

Best regards,
Nikko

Hi,

Do you want to apply it on the Special Heading? also it’s on mouse hover. The code should look something like:

#top .av-special-heading:hover, 
#top .av-special-heading:focus {
    box-shadow: 0 0.1875rem 0.625rem 0 rgba(79,90,109,0.3);
    color: inherit;
}

if it’s not working or not the special heading, please give us a link and point us where you want it applied.

Best regards,
Nikko

Hi,

Yes, can you post a link to your page where you want it to be applied? so we can give you the css code that should work.

Best regards,
Nikko

Hi,

I have checked your site however it seems that the image and the text below it isn’t in the same grid, can you try to put them on the same grid and also turn on Custom CSS Classes: https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add a class name to it for example mycolumn. Let us know if you have done this and we’ll try to check and write a css code for it.

Best regards,
Nikko

Hi,

Thanks, try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .mycolumn {
    transition: box-shadow 200ms linear, opacity 200ms;
}

#top .mycolumn:hover, 
#top .mycolumn:focus {
    box-shadow: 0 1px 10px 3px rgba(79,90,109,0.3);
}

#top .mycolumn span.image-overlay.overlay-type-extern {
    display: none !important;
}

#top .mycolumn .av_textblock_section {
    padding: 0 20px 10px;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Glad that we could help :) Let us know if you need further assistance or if we can close this thread.

Best regards,
Nikko

Hi,

Glad to hear that. Thanks for using Enfold :)

Best regards,
Nikko