Hi,
Glad this helped, for simple bold you would use ‘montserrat’ with a font-weight of bold or 700, please note that in the theme the font is writen in small case:

#top #wrap_all .main_color h3 {
    font-family: 'montserrat';
    font-weight: bold;
}

but this is the regular font with bold applied, there is another ‘montserrat-bold’ that is available from Google Fonts that is wider without using a font-weight.

I assumed you might be looking for this one so I uploaded it to your Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager as before and you can use css like:

#top #wrap_all .main_color h3 {
    font-family: 'montserrat-bold';
}

Then clear your browser cache and any cache plugin, and check.

Please note that I see you are trying to change your heading fonts with css by only using the heading, such as h3 {font-size: 24px; font-family: ‘Montserrat’}
I found this in your Quick CSS:

h1 {font-size: 50px}
h2 {font-size: 48px; font-family: 'Playfair Display'; color: #00469e;}
h3 {font-size: 24px; font-family: 'Montserrat'}
h4 {font-size: 20px; font-family: 'Montserrat'}
h5 {font-size: 14px; font-family: 'Montserrat'; color: #164991}
h6 {font-size: 12px; font-family: 'Montserrat'}

this will probably not be enough in some cases because the theme uses two IDs and a class for most headings, like this: #top #wrap_all .main_color h3 so the specificity is much higher, if you find you are having trouble overwriting a style try adding more specificity

Best regards,
Mike

Hi,

Thanks for the update. We’re not really familiar with the AMP plugins unfortunately, so it will be difficult for us to provide support for it. Maybe you could try reaching out to the plugin developers for further help? I’m not sure exactly why you feel that you need it, is your site mobile unfriendly if you do not use that plugin? If so, then in what way?

Font sizes; please click this button to reveal the options you are looking for: https://snipboard.io/wCMUPh.jpg

Best regards,
Rikard

Hi,

Thanks for that. I can’t see why your slider is not displaying unfortunately, could you try disabling all plugins to see if that makes any difference please?

Font type and size; where exactly are you not seeing those options?

Best regards,
Rikard

Hi,
For this slider I see that you are doing width:600px; to force the word break, with a margin-left:26%; to center.
I recommend trying width:32ch; to force the word break, CH is a width that is *close to a character width, and margin:auto; to center.
Try this css instead of yours:

@media only screen and (min-width: 480px) {
#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
    width: 32ch;
    font-style: italic;
    margin: auto;
}
#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content {
	width: 36ch;
	margin: auto;
}
}
@media only screen and (max-width: 769px) { 
	#top.page-id-3642 #full_slider_1 .slideshow_caption {
		padding: 0;
	}
}
@media only screen and (min-width: 376px) and (max-width: 479px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 20px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 20px!important;
		width: 32ch;
		margin: auto;
	}
}
@media only screen and (max-width: 375px) { 
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption .avia-caption-content p {
		font-size: 13px;
		width: 100%;
		margin: auto;
	}
	#top.page-id-3642 #full_slider_1 .av-slideshow-caption h1.avia-caption-title {
		font-size: 15px!important;
		width: 32ch;
		margin: auto;
	}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey aruizhuidobro,
Thank you for the link to your site and the login, the Montserrat 800 is actually Montserrat-ExtraBold and not included by default, so I added it for you via the Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager
and adjusted your css to:

.avia-animated-number span.avia-single-number {
font-family: 'Montserrat-ExtraBold';
    font-size: 55px; 
   font-weight: 800;
}

and now it is working, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.

#menu-item-8683 a:before {
    font-family: 'entypo-fontello';
    content: "";
    font-size: 26px;
}

#menu-item-8683 .avia-menu-text {
    display: none;
}

Best regards,
Ismael

Hey Eleina_Shinn,

Thank you for the inquiry.

1.) Are you referring to the slider buttons? You can use this css code to adjust the size or style of the butotn on mobile view.

@media only screen and (max-width: 767px) {
    .avia-button.avia-size-large {
        padding: 11px 20px 9px;
        font-size: 11px;
        min-width: 99px;
    }
}

2.) It seems to be displaying as it should as shown in the screenshot below.

Screenshot: https://postimg.cc/QB5V1YTD

Best regards,
Ismael

Hi,

Thank you for the update.

The spaces between the menu items are now consistent. How did you fix it? Looks like you did remove the font-size property as suggested above.

Best regards,
Ismael

Hi,

Thanks for the update. Since you added an ID, then you have to use the # in front of the ID, not a period. I changed your code to this:

#top #formheading h6 {
        font-size: 30px !important;
}

And it working, please review your site.

Best regards,
Rikard

Hi Lyse,

Thanks for contacting us!

You can try adding following code to bottom of Quick CSS field

@media only screen and (max-width: 1390px) { 
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 14px;
    padding: 15px 10px;
}}

and that should help down to 1030px. If you are able to switch to mobile menu at 1030px in UberMenu, please do so :)

Regards,
Yigit

Hi,
Try this css:

#footer #text-6 .avia-button {
	border-radius: 40px;
    font-size: 30px;
    background-color: #48B2B7;
    border-width: 0;
    color: #fff;
    font-size: 16px;
}

expected results:

Best regards,
Mike

Hi,
Please try this css:

#top #wrap_all h3.slide-entry-title.entry-title {
font-size: 17px !important;
font-weight: normal;
}

After applying the css, please clear your browser cache and check.
Please note that not all fonts have a 100 font-weight available, thus the use of “normal” but you can try 100 if you want.

Best regards,
Mike

Hey Thedogscreative,

Thank you for the inquiry.

It might be due to the font-size property in this css declaration.

#top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li a {
    text-align: center !important;
    font-family: "static",sans-serif;
    font-size: 2.5vw;
    font-weight: 400 !important;
    color: #177F93;
}

Try to replace the unit vw with pixel or em in the value (2.5vw).

Best regards,
Ismael