Hi!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title {
    text-transform: none;
}

Regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_header_sidebar #top #header {
    width: 150px;
}
.html_header_left #main {
    margin-left: 150px;
}

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.html_header_left .av-main-nav li#menu-item-653 ul {
    top: -210px;
}

Best regards,
Yigit

Hey!

Your color section does not have an ID at the moment. Please refer to this post and add your ID (the one you used on your custom CSS code ) – https://kriesi.at/support/topic/imageicone-between-text/#post-622379

Best regards,
Yigit

Hey Doug,

If you want greater control over your Color Section background you would have to create different section to display only on small screens and use images better adapted to those dimension. You can then hide/show the correct section using CSS after giving your sections unique IDs in the element options:

@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
} 

Best regards,
Rikard

Hi,

Ok, I see what you mean. Unfortunately there is no way to make background images look exactly the same on all screen sizes. If you want greater control over your Color Section background you would have to create different section to display only on small screens and use images better adapted to those dimension. You can then hide/show the correct section using CSS after giving your sections unique IDs in the element options:

@media only screen and (max-width: 767px) {
#desktop-section {
display:none !important;
}
}

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
} 

Thanks,
Rikard