Hey ginnywills,
Please try this code in the General Styling > Quick CSS field:

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    width: 1% !important; 
    float: left !important; 
}
.html_av-overlay-side .av-burger-overlay-scroll {
    left: 0 !important;  
}

To add your own Google Font, please download your font at https://fonts.google.com/ and then add it to your theme at Enfold Theme Options > Import/Export > Custom Font Manager
Please read about this here

Best regards,
Mike

Hey Stefan,
Please try this code in the General Styling > Quick CSS field:

#text-5.widget input[type=text],#text-5.widget input[type=email],#text-5.widget textarea[name=your-message] {
background-color: #fff !important;
}

please feel free to adjust the color to suit.
Please clear your browser cache and check.

Best regards,
Mike

Hey bauchope,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
#top.page-id-519 #av_section_3 .entry-content-wrapper {
display: flex !important; 
flex-wrap: wrap !important; 
}
#top.page-id-519 #av_section_3 .flex_column.avia-builder-el-first {
    order: 2 !important; 
}
#top.page-id-519 #av_section_3 .flex_column.avia-builder-el-last {
    order: 1 !important; 
}
}

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
I took a look at your page but I don’t see that the titles are jumping on or with the page load. Please see the screenshot in Private Content area to ensure that I’m looking at the correct element.
I was using Chrome on Windows, which browser are you using?

Best regards,
Mike

Hey Ink_Eye,
I tried to view the page that you linked to, but it seems to require a login, please provide.

Best regards,
Mike

Hi,
I’m getting the “ERR_NAME_NOT_RESOLVED” error for your url, please check.
I have tried the link & the text, neither or working for me.

Best regards,
Mike

Hey John,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 767px) { 
.avia_ajax_form.avia-mailchimp-form p {
    float: none !important; 
    width: 23% !important;
    display: inline-block !important; 
}
.avia_ajax_form.avia-mailchimp-form p:nth-child(-n+3) {
    margin-right: 1% !important;  
}
}

Best regards,
Mike

Hi,

@SK-RE please include a url to the page in question so we can examine.
I tested this css on my localhost with the Headline Rotator over a color section with a background image, and when the text was highlighted the highlight was transparent and the text became white marking the point of the highlighting:

.av-marked-text .av-rotator-text-single {
background-color: transparent !important;
}

Best regards,
Mike

Hey Kim,
Would you like the first row on columns to be centered in the page, as it is only two columns it looks like it is trying to fill the width.
Please include the url to the page in question so we can examine the elements.

Best regards,
Mike

Hey NathanQ97,
I took a look at your page and the slider looks clear to me, my screen resolution is 1536×864 with Chrome on Windows 10
Please see the screenshot in Private Content area.
Is your screen larger? Can you include a screenshot so we can see the issue?

Best regards,
Mike

Hi,
That’s odd because I went to the url in the Private Content area and saw this:

I cleared my browser cache twice to be sure I wasn’t looking at a cached version.
I’m using Chrome on Windows 10, I also checked on Edge & Firefox.
What browser are you using?

Best regards,
Mike

Hi,

@higrace7391 I took a look at you page and added this css to your WordPress > Customize > Additional CSS for the first box, on hover the background will turn red and the icon and text will turn white. I added the class to the element as @OhYa1337 described, so please use this first one as a model to follow, and be sure to use a different class for each box, such as “bluecolumn”, “greencolumn” etc.

.redcolumn:hover {
  background-color: #d90000!important;
	color: #fff !important;
}
.redcolumn:hover > .meta-heading h3.av-special-heading-tag {
	color: #fff !important;
}
.redcolumn:hover > .av_font_icon a:before {
	color: #fff !important;
}

Best regards,
Mike

Hi,
When you say a darker header, do you mean a less transparent white, or a transparent black?
For the header before scroll, this css is a black:

#header {
    background: rgba(0, 0, 0, 0.5) !important; 
}

this one is a white:

#header {
    background: rgba(255, 255, 255, 0.5) !important; 
}

For after scroll I see it is set to a white 0.9, and that is what I seeing, perhaps try clearing your cache. Or let us know if you want it to be a transparent black.

Best regards,
Mike