Hi Emma,

There’s a lot of markup in your content, so I’ll give you an example on what to remove. This is your first paragraph:

<p style="box-sizing: border-box; padding: 0px; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-stretch: inherit; font-size: 13px; line-height: inherit; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: baseline; color: #444444;"><strong style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; vertical-align: baseline;">I’m</strong> Emma, your ordinary animal lover, travel enthusiast, sun worshiper and coffee inhaler who’s vision is to create a life of purpose, independence happiness and joy for myself and my family.</p>

If you remove everything which are style arguments, you will end up with this:

<p><strong>I’m</strong> Emma, your ordinary animal lover, travel enthusiast, sun worshiper and coffee inhaler who’s vision is to create a life of purpose, independence happiness and joy for myself and my family.</p>

Note that you only have the basic html tags left, for instance:

<p>your content</p>

<strong>bold content</strong>

Best regards,
Rikard

Hallo Franz,

I’m not sure what you mean by the top and bottom distance, could you try to explain bit further please? You can use this CSS to change the font size and colour:

.avia-button-fullwidth .avia_iconbox_title {
  font-size: 14px; 
  color: red;
}

LG,
Rikard

Hi,
Sorry for the late reply, I have checked a few of your product pages but I don’t see a ” product reviews” section, I do see a “review” tab next to the description under the “size” and “add to cart” button, is this what you mean?
If so the “review” tab can’t be moved to it’s own section, it is part of the description tabs.
To make the main price above the description bold, please try this css:

span.woocommerce-Price-amount.amount {
font-size: 15px !important;
font-weight: bolder !important;
}

After applying the css, Please clear your browser cache and check.
For me the product detail tabs are all in one row, do you mean this occurs on mobile devices?

Best regards,
Mike

Hi Uwe,

Thanks for that. I couldn’t see the problem with the footer on my end, on which page is this happening on? Also please post a link to the page where you want to change the font size.

Best regards,
Rikard

Hey Stilecatalini,

Thank you for the inquiry.

Are you saying that the text in the layer slider is not resizing properly? Is it too small? You can set the minimum font size of the layer in the Styles panel. In the Text | Font & Style box, look for the Min. Font Size field.

Hope that helps.

Best regards,
Ismael

Hi s29ers,

It seems to be working fine on my end, the CSS you posted is applying and the font size is smaller on mobile screens.

Best regards,
Rikard

Hi,

No worries at all! We are here to help you solve the issue :)

Do you flush browser cache on your tablet? Since I do not have an actual tablet, I am trying to resize browser window and can see font sizes are changing. I will ask my teammates to check your website on tablet. Please kindly wait to hear from us :)

Best regards,
Yigit

Hi,

Yes, I edited the slider at very top in your test page. I just edited your 2nd slider as well. Could you please check once again?

You chose to hide 2nd slider on desktop and display it on mobile however font sizes were not defined for it.

Best regards,
Yigit

Hi,
To remove the blue on hover, please remove these two rules from my post above:

#top #wrap_all .header_color.av_header_transparency #menu-item-1869:hover > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #50C6DB !important; 
    font-size: 14px !important;
}
#top #wrap_all .header_color.av_header_transparency #menu-item-4579:hover > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #50C6DB !important; 
    font-size: 14px !important;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,

Did you add another Fullscreen Slider for mobile view? You can just edit the font size for different screen sizes in the slide’s Styling > Font Sizes toggle as @Yigit suggested above.

Best regards,
Ismael

Hey yoshikomorimoto,

You can set the font size of the header in the element options, look for the Styling tab inside of the element options.

Best regards,
Rikard

Hey,

Please try using the code as following

.widget_nav_menu a {
    font-size: 18px;
}

Best regards,
Yigit

Hi,
Thank you, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top #wrap_all .header_color.av_header_transparency #menu-item-1869 > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #fff;
    font-size: 14px !important;
}
#top #wrap_all .header_color.av_header_transparency #menu-item-1869:hover > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #50C6DB !important; 
    font-size: 14px !important;
}
#top #wrap_all .header_color.av_header_transparency #menu-item-4579 > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #fff;
    font-size: 14px !important;
}
#top #wrap_all .header_color.av_header_transparency #menu-item-4579:hover > a:after {
    content: '\e877';
    font-family: 'entypo-fontello';
    padding-left: 5px;
    padding-right: 1px;
    position: relative;
    color: #50C6DB !important; 
    font-size: 14px !important;
}

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

Best regards,
Mike

Hey hostworks,

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

.sidebar .widget_nav_menu widget_nav_hide_child li a {
    font-size: 16px;
}

Best regards,
Rikard