Hi,

I think the solution for that is to enable Custom CSS Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then add a class for example form-with-bg to the color section then change the code I gave above with this:

#top .form-with-bg .avia_ajax_form .text_input, 
#top .form-with-bg .avia_ajax_form .text_area {
    background-color: rgba(0,0,0,0.9) !important;
}

Then on every form that has background, add the class name to the color section in which it resides. Hope this helps :)

Best regards,
Nikko

Hey Chris_85,

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

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

#top.home #av_section_3 .isotope-item > .inner-entry:hover img {
    opacity: 0.5;
}

Hope this helps ;)

Best regards,
Nikko

Hey clairemartindigital,

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

.html_header_top #top .av_header_stretch .container {
    width: 95%;
}

Hope this helps :)

Best regards,
Nikko

Hey unicaweb,

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

#top.page-id-1711 .avia_ajax_form .text_input, 
#top.page-id-1711 .avia_ajax_form .text_area {
    background-color: rgba(0,0,0,0.9);
}

Hope this helps :)

Best regards,
Nikko

Hi,

Can you try adding this css code:

@media only screen and (max-width:959px) {
  .responsive #top #wrap_all .container.av-logo-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

I can’t think of any other way to do it, and that’s why Quick CSS is available to give themes capability to be flexible. The 3rd bio is not using text block can you try to change it to text block and replace the css code I gave you with this one:

.page-id-214 .av_four_fifth .avia_textblock {
    position: relative;
    top: -5px;
}

.page-id-214.av_four_fifth .avia_textblock p {
    margin: 0 0 1.7em;
}

Best regards,
Nikko

Hi Mabel!

Here’s what you can do:
1.) Turn on CSS class fields for ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
2.) For the elements you want to only see in desktop (your Color Section), add the class desktop-only. For the elements you want to only see in mobile (your accordion), add the class mobile-only.
3.) Use this code in Quick CSS:

/* when in mobile, hide the desktop-only elements */
@media only screen and (max-width: 767px) {
   .desktop-only { display: none!important; }
}
/* when in desktop and tablets in landscape orientation, hide the mobile-only elements */
@media only screen and (min-width: 768px) {
   .mobile-only { display: none!important; }
}

For your reference, here are the media queries for standard devices: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

I hope that helps!

Best regards,
Sarah

Hi,

Please add this in your Quick CSS:

#top #wrap_all .av-social-link-AVVO {width:120px;}

Don’t forget to flush your cache after saving, so you can see the changes! :)

Best regards,
Sarah

Hey garyhsueh,

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

.page-id-214 #av_section_1 .av_four_fifth .avia_textblock {
    position: relative;
    top: -5px;
}

.page-id-214 #av_section_1 .av_four_fifth .avia_textblock p {
    margin: 0 0 1.7em;
}

Hope this helps :)

Best regards,
Nikko

Hi,

Can you try adding this css code in Quick CSS:

#top .avia-font-Flaticon, body .avia-font-Flaticon, 
html body [data-av_iconfont='Flaticon']:before {
    font-family: 'Flaticon';
}

Hope this helps :)

Best regards,
Nikko

Hi,

Add the following to quick css:

.logo a img{
margin-top:20px!important;
}

Best regards,
Jordan Shannon