Hi,

Please try the following in Quick CSS under Enfold->General Styling:

.entry-content-wrapper .post-title {
    font-size: 30px;
}

Best regards,
Rikard

Hi,
a) you can use media queries to size the fonts, like this:

@media only screen and (max-width: 375px) { 
#main a > h3.av_icongrid_title.icongrid_title {
	    font-size: 36px !important;
}  
}

b) please see this screenshot that shows adding the link to the advanced tab, then the whole cell is a link.

Best regards,
Mike

Hi,

Thanks for the update. This CSS is applying to your buttons:

.avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button {
    color: #000!important;
    font-size: 10pt;
    padding: 15pt!important;
}

.avia-button {
    font-size: 24px!important;
}

I can’t see where it’s coming from since you have file compression active. If you turn that off then we can tell you where the CSS is added. If you know where it’s added then please try to remove the !important bit so that we can give you specific CSS for the buttons in the cookie consent box.

Best regards,
Rikard

Hi Bernd,

Thanks for that. This CSS seems to be part of the problem:

ul {
    font-family: "DIN Pro Light", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 8px !important;
    color: #000000 !important;
}

I can’t see where it’s coming from though since the inspector doesn’t list a file for it. Could you try to locate and remove or alter that CSS to see if that helps please?

Best regards,
Rikard

• This reply was modified 5 years, 9 months ago by Rikard.

Hi,
Thanks for the link to the element you would like to recreate in Enfold. Here is a screenshot (click to view gif) of the element before and on mouse-over (hover) so everyone can follow along.

For this example, I recommend the Icon Grid element using the “flip box” option,

I set up 3 Icon Grid items with the appropriate icons and text, and for the arrow below each icon I added this link in the Grid Item Sub-Title field: <a href="#true-next" title="" rel="nofollow"></a>

and in the flip back content:

Please note that the “scroll to next” arrow link above anchors to #true-next, please adjust to suit and then add a manual link to each icon box to the anchors you wish:

I know that you asked not to use any css, but the “scroll to next” arrow link is white by default, so for this example I added this css to make the arrow your blue color, and I also applied the blue to your icons. If your icon box background is darker then a white arrow would be good, or you can use just a HTML arrow character instead of the animated “scroll to next” arrow and not use this css.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #main .avia-icongrid-flipbox .scroll-down-link,#top .avia-icongrid-flipbox span.icongrid-char:before {
    color: #4691a9 !important;
}
#top .avia-icongrid-flipbox h4.av_icongrid_title {
	font-size: 32px !important;
}
#top .main_color a.avia-icongrid-wrapper {
color: transparent !important;
}

Here is the final result (click to view gif):

Best regards,
Mike

Hi,

I added the Main Menu sublevel Links option for you under Enfold->Advanced Styling. I changed the font size to be 16px for your sub menu items, and that is applying to your site now. Please review your site and make the necessary change under Enfold->Advanced Styling.

Best regards,
Rikard

Hi,

Thanks for the update. So you want the cart icon bigger, correct? If so then please try this in Quick CSS:

a.cart_dropdown_link span:before {
    font-size: 20px;
}

Best regards,
Rikard

Hi,

Please try this instead:

.phone-info {
  font-size: 18px;
  color: red;
}

If that doesn’t work then please post admin login details in private so that we can add it for you.

Best regards,
Rikard

• This reply was modified 5 years, 9 months ago by Rikard.

Hi,

Thanks for the update. Please try this CSS as well:

#fullscreen_slider_1 .avia-caption-content .avia-button-center span.avia_iconbox_title {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

Best regards,
Rikard

Hey ryanmeighan,

Please try the following in Quick CSS under Enfold->General Styling:

.home h1 {
  font-size: 80px;
  font-weight: 900;
}

.home h2 {
  font-weight: 300;
  letter-spacing: 20px;
}

Best regards,
Rikard

Hey Markus,

Thank you for the inquiry.

This is possible, but you have to directly modify the enfold\config-templatebuilder\avia-template-builder\php\popup-templates.class.php, look for the screen_options_visibility function and this code around line 1751:

desc'              => __( 'Hide on large screens (wider than 990px - eg: Desktop)', 'avia_framework' ),

After adjusting the file, add this code in the Quick CSS field or the style.css file.

@media only screen and (min-width: 1025px){

.responsive.av-no-preview #top #wrap_all .av-desktop-hide,
.responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
.responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden{display:none;}

}

Repeat the steps for the tablet view, then add this css code:

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

.responsive.av-no-preview #top #wrap_all .av-medium-hide,
.responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden,
.responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden{display:none;}	

}

You may have to toggle the Performance > File Compression settings afterwards.

Best regards,
Ismael

Hi,

Thank you for the info. Looks like the inline styling of the av-milestone-date is incorrect, even though they are set properly in the backend.

font-size: ,px;

We’ll forward this thread to our channel and we’ll probably provide a fix in the next patch.

Best regards,
Ismael