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

Hey Tilman,

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

.avia-content-slider .slide-entry-excerpt {
  font-size: 14px;
  color: red;
}

.avia-content-slider  a.more-link {
  color: yellow;
}

Best regards,
Rikard

Hi,
Thanks for your patience, I added this css to your Quick CSS:

#top .av-control-minimal .avia-slideshow-arrows a:before {
    line-height: 26px;
}
.responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a {
    font-size: 15px;
}

please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

We are not able to reproduce the issue on Edge but you can try this css code to create more space for the fb icons on smaller screens.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .phone-info div a span {
      font-size: 11px !important;
      margin-left: -5px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael