Hi,
To specify your css for white titles on your homepage to work only on your homepage please change this css:

#top #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

to this, note the page ID “home” is added:

#top.home #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

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

Best regards,
Mike

Hey Anna_Tewes,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab and adjust it as needed

#top #header #menu-item-search a {
  color: #a62c0a;
  font-size: 34px;
}

Best regards,
Yigit

Hi,

Thank you for the update.

The title of the masonry title is white because of the following code.

#top #wrap_all .all_colors .av-masonry-entry-title {
    color: white;
    font-size: 30px;
    line-height: 1;
}

You may need to remove the modification or override it using the following css.

#top #wrap_all .all_colors .av-masonry-entry-title {
    color: black;
    font-size: 30px;
    line-height: 1;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the modification.

Best regards,
Ismael

Hey schweg33,
To make the social icons larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .social_bookmarks li a {
  width: 40px!important; 
  line-height: 40px!important; 
  min-height: 40px!important; 
  font-size: 30px!important; 
}
#top #wrap_all .social_bookmarks li {
height: 30px!important; 
width: 40px!important; 
}
#top #wrap_all .social_bookmarks {
  height: 60px!important;
}
#top nav .social_bookmarks {
margin-top: -20px;
}

To invert the social icons colors try this css:

#top #wrap_all .av-social-link-youtube a {
    color: #a72b1d;
}

#top #wrap_all .av-social-link-instagram a {
    color: #a67658;
}

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

Best regards,
Mike

Hey annikass,

Thank you for the inquiry.

There are more heading size options for different devices in the Enfold > General Styling > Typography tab. Just toggle any of the heading elements and adjust the font sizes for different devices. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adjusting the settings.

Best regards,
Ismael

Hey René,

Did you try adding the text that you want smaller on a different row below the pricing row? If you want to keep the text in the same cell, then you can format the text like this instead:

<span style="font-size:14px;">per kwartaal</span>

Best regards,
Rikard

Hi,
For the down chevron icon I believe that you mean like this:

If so try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.portfolio-preview-title::before {
  content: "\e883";
  font-family: entypo-fontello;
  font-size: 40px;
  position: relative;
  top: 6px;
  display: inline-block;
  padding-right: 10px;
}

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

Best regards,
Mike

Hey guychalk,
Thanks for your question but this is not a feature and would not be easily achieved.
I see that on mobile your secondary menu is at the top and the link text is large, two options that I can think of would be to decrease the font size to make the links easier to read, or make each link full width so the links are stacked instead of side-by-side. If you would like help to achieve one of these let us know.

Best regards,
Mike

Hi,
Thanks for the link to your site, in your text element you have 8 extra div’s, perhaps you copied them in error, please go to the text element and click the text tab:

But please note that you have set the option at Enfold Theme Options ▸ Advanced Styling ▸ P to a font size 15px that will override the text element font size:

so you should remove this customization first so you can choose the font size of text elements individually.
Or you could try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #main.all_colors .avia_textblock p {
    font-size: 30px;
}

adjust the number to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

In the layer slider, you can use the Device Visibility options to toggle the visibility of a specific layer. For example, you can duplicate the current text, increase its font size, and set it to be visible only on mobile view. Then, you can adjust the visibility of the original text and display it on larger screens only.

Best regards,
Ismael

Hi,
Thanks for your patience and the link to your site, I see in your Enfold Theme Options ▸ Advanced Styling you have the Main Menu Links element with a font size three times:


please try removing the two you don’t want to use and save and then clear your browser cache and check.

Best regards,
Mike

Hi,

Try this instead:

.avia-content-slider .slide-entry-title a {
  font-size: 32px;
  color: red !important;
}

Best regards,
Rikard

Hey Julien,
Thanks for the link to your site, have you tried placing your shortcode differently in your temple file, it sounds like the shortcode is outside the main container, or perhaps there is an unclosed div. Unfortunately your theme editor is disabled so we can’t see your child theme files.
Please note that I would not recommend using a footer.php or a header.php in your child theme, because every so often we change these files and it becomes the top issue after updates.
For you adding fixed content like an accordion FAQ at the bottom of a single post, I recommend injecting the shortcode, for example to add an accordion before the footer of every single post, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function insert_before_footer(){
	if(is_single()) {
    echo do_shortcode("[av_toggle_container faq_markup='' initial='0' mode='accordion' sort='' styling='' colors='' font_color='' background_color='' border_color='' toggle_icon_color='' colors_current='' font_color_current='' toggle_icon_color_current='' background_current='' background_color_current='' background_gradient_current_direction='vertical' background_gradient_current_color1='#000000' background_gradient_current_color2='#ffffff' background_gradient_current_color3='' hover_colors='' hover_font_color='' hover_background_color='' hover_toggle_icon_color='' size-toggle='' av-desktop-font-size-toggle='' av-medium-font-size-toggle='' av-small-font-size-toggle='' av-mini-font-size-toggle='' size-content='' av-desktop-font-size-content='' av-medium-font-size-content='' av-small-font-size-content='' av-mini-font-size-content='' heading_tag='' heading_class='' alb_description='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-lg8glvl5' sc_version='1.0' admin_preview_bg=''][av_toggle title='Toggle 1' tags='' custom_id='' element_template='' one_element_template='' av_uid='av-lg8glhnz' sc_version='1.0']Toggle 1 content[/av_toggle][av_toggle title='Toggle 2' tags='' custom_id='' element_template='' one_element_template='' av_uid='av-lg8glpqw' sc_version='1.0']Toggle 2 content[/av_toggle][/av_toggle_container]");
  }
}
add_filter( "ava_before_footer", "insert_before_footer" );

Try adjusting this to suit your needs.
Here is a link to our Hooks & Filters

Best regards,
Mike

Hey Kathy Evans,
Thank you for your patience and the link to your site, when I check your slider it seems the only issue is with the second slide text font is too large, please note that you can adjust the font size for each screen size in the element options:

changing a huge font size down for tablet will allow the buttons to show.

Best regards,
Mike

Hi,
To use the exact same font for the category links under each Blog entry in the grid layout as in the sidebar widgets category links I recommend this css:

.html_modern-blog #top div .main_color .blog-categories a {
	font-family: 'open-sans', Helvetica, Arial, sans-serif;
	font-weight: lighter;
	text-transform: none;
	color: #567483;
	font-size: 16px;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

Best regards,
Mike

Hi,

Please try this instead:

.avia-content-slider .slide-entry-title a {
  font-size: 32px;
  color: red;
}

Best regards,
Rikard