Hi,

Is there any way to limit this edit to just the top blog element? Thank you.

As suggested above, you can apply a custom css class name (av-custom-featured-blog for example) to the top blog element (Advanced > Developer Settings > Custom CSS Class) and use it in the css rule above to specifically target the blog element.

#top.home #wrap_all .main_color .av-custom-featured-blog .post-entry h2.post-title {
    font-size:32px;
}

In the edited css above, we added the selector “.av-custom-featured-blog” to target the element with the class name “av-custom-featured-blog”.

Best regards,
Ismael

Hey mescalytequila,

Thank you for the inquiry.

You can add this css code to adjust the font size of the price and the strike-through.

#top .price, #top .price span, #top del, #top ins {
    display: inline;
    text-decoration: none;
    font-size: 32px;
    line-height: 32px;
    font-weight: 600;
}

You should remove this css code to vertically align the strike-through with the price.

.price span {
    font-size: 32px!important;
    color: #89b82b!important;
}

After doing the modifications above, you may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hey es.design.ma,

Thank you for the inquiry.

You can actually set different font sizes for various screen sizes and devices in the slides’ Styling > Font Sizes panel. Look for the Font Size default – used for all screen sizes(no media query) settings in the panel, then click the little devices icon to adjust the font size for a specific device.

Best regards,
Ismael

Hey Tanja,

Thank you for the inquiry.

Are you referring to the phone number in the third footer column? If yes, then you can use this css code to adjust the font size of the phone number.

body#top .footer_color section#custom_html-2 a {
    font-size: 24px;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modifications.

Best regards,
Ismael

Hey William,

Thank you for the inquiry.

Since the featured post category or tag has been removed, the class name tag-featured-post is no longer applied. You have to adjust the css a bit.

#top.home #wrap_all .main_color .post-entry h2.post-title {
    font-size:32px;
}

You may need to apply a custom css class name to the Blog Post element and adjust the css.

Best regards,
Ismael

Hi Tom,

I added the following code to the bottom of Quick CSS field

#top .tribe-events-content p, .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul, #top .tribe-common .tribe-common-b2 {
  color: #919191;
 font-size: 16px; 
font-family: var(--tec-font-family-sans-serif);
}

This seems to fix the font size, color, and family issues. Please review your website and let me know if you still experience issues.

Best regards,
Yigit

Hi,
To change the menu arrows please see our documentation: Replace mega menu arrows with custom icon
So for your situation, to have the bar icon and to have it the color red, please try this css:

#top .avia-bullet {
  border: none;
    padding:0;
    margin: 0 5px 0 0!important;    
}
#top .avia-bullet:before {
    content: "\e819";
    font-family: 'entypo-fontello'; 
    color: red;
    font-size:11px;
    line-height:1em;
    left:-3px;
}

This will change the above solution to have specific bars a different color to this css:

.header_color #menu-item-331 > a > .avia-bullet:before {
    color: blue;
}
.header_color #menu-item-388 > a > .avia-bullet:before {
    color: green;
}
.header_color #menu-item-332 > a > .avia-bullet:before {
    color: yellow;
}

The expected results:

Best regards,
Mike

Hi,

Please try this CSS instead:

#top .av-subnav-menu li a {
    font-size: 16px !important;
}

Best regards,
Rikard

Hi,
Oops, I adjusted to this:

#avia2-menu #menu-item-599 a:before {
	content: "\e800";
	font-family: fontello;
	font-size: 16px;
	color: #000;
}
#avia2-menu #menu-item-599 a{
	font-size: 0;
}
#avia2-menu #menu-item-673 a:before {
	content: "\e835";
	font-family: fontello;
	font-size: 16px;
	color: #000;
}
#avia2-menu #menu-item-673 a{
	font-size: 0;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, I see this menu:

and these custom icons:

If you use this css:

#avia2-menu #menu-item-599:before {
	content: "\e800";
	font-family: fontello;
	font-size: 16px;
	color: #000;
}
#avia2-menu #menu-item-599{
	font-size: 0;
}
#avia2-menu #menu-item-673:before {
	content: "\e835";
	font-family: fontello;
	font-size: 16px;
	color: #000;
}
#avia2-menu #menu-item-673{
	font-size: 0;
}

you should see this result:

After applying the css, please clear your browser cache and check.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Thanks for the login, I corrected the curly quotes so the font for the mobile menu and blog category is correct now.
I also found that you had an unclosed media query in your quick css breaking the mobile font size.
I saw the issue with the h4 “Unsere Podencos” on the homepage, since this is corrected I assume the others are also, please clear your browser cache and check.
I will close this thread, if you still have issues please respond to the other thread, thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the login, I corrected the curly quotes so the font for the mobile menu and blog category is correct now.
I also found that you had an unclosed media query in your quick css breaking the mobile font size.
I saw the issue with the h4 “Unsere Podencos” on the homepage, since this is corrected I assume the others are also, please clear your browser cache and check.
I will close this thread, if you still have issues please respond to the other thread, thank you for using Enfold.

Best regards,
Mike

Hi,
Thanks for the login, I corrected the curly quotes so the font for the mobile menu and blog category is correct now.
I also found that you had an unclosed media query in your quick css breaking the mobile font size.
I saw the issue with the h4 “Unsere Podencos” on the homepage, since this is corrected I assume the others are also, please clear your browser cache and check.

Best regards,
Mike