Hey,

I deleted following custom CSS code from Quick CSS field, added “Hoofdmenu Links” in Advanced Styling tab and chose 17px as font size

#top #header .av-main-nav > li > a {
	font-size: 17px;
}

In first element you added in Advanced Styling “Alleen toepassen bij muis-hover” was checked so it was being applied only on hover state.

Please review your website :)

Best regards,
Yigit

Hey,

Have you tried changing font size in Enfold theme options > Advanced Styling > H1?
If you have and it did not work, please create temporary admin logins and post them here privately so we can look into it :)

Regards,
Yigit

Hi,

Thank you for the screenshot.

Edit the special heading element, go to the Screen Options and try to define the font size for medium sized screens (between 768px and 989px – eg: Tablet Landscape). You can also hide it when necessary.

Best regards,
Ismaelg

Hey FayeMcC,
Sorry for the late reply and thanks for the example link.
I believe you are looking at this one:

Please try Enabling the Avia Layout Builder Debugger and then pasting in this shortcode in a new page:

[av_table purpose='pricing' caption='' av_uid='av-46vmngy']
[av_row row_style='avia-heading-row' av_uid='av-45s5m2a'][av_cell col_style='avia-desc-col' av_uid='av-43cwysi']Plan[/av_cell][av_cell col_style='' av_uid='av-42aq0c2']Business[/av_cell][av_cell col_style='' av_uid='av-41352uq']Mega[/av_cell][/av_row]
[av_row row_style='avia-pricing-row' av_uid='av-3yqto5u'][av_cell col_style='avia-desc-col' av_uid='av-3xek25e'][/av_cell][av_cell col_style='' av_uid='av-3vnbtpe']20$
<small>per month</small>[/av_cell][av_cell col_style='' av_uid='av-3uktq0i']50$
<small>per month</small>[/av_cell][/av_row]
[av_row row_style='' av_uid='av-3s6wnpe'][av_cell col_style='avia-desc-col' av_uid='av-3qrslf6']Bandwidth[/av_cell][av_cell col_style='' av_uid='av-3pe4ef6']10 GB[/av_cell][av_cell col_style='' av_uid='av-3n7ojgy']Unlimited[/av_cell][/av_row]
[av_row row_style='' av_uid='av-3lmbn1u'][av_cell col_style='avia-desc-col' av_uid='av-3jw4p76']Max File Size[/av_cell][av_cell col_style='' av_uid='av-3iz8pqq']50 MB[/av_cell][av_cell col_style='' av_uid='av-3hg3bz6']No Maximum[/av_cell][/av_row]
[av_row row_style='' av_uid='av-3fo0nuq'][av_cell col_style='avia-desc-col' av_uid='av-3divj02']CPU[/av_cell][av_cell col_style='' av_uid='av-3cmw4du']3 GHZ[/av_cell][av_cell col_style='' av_uid='av-3am13de']5 GHZ[/av_cell][/av_row]
[av_row row_style='' av_uid='av-386d89e'][av_cell col_style='avia-desc-col' av_uid='av-36r53de']Memory[/av_cell][av_cell col_style='' av_uid='av-35ggx9e']1024 MB[/av_cell][av_cell col_style='' av_uid='av-33k159u']4 GB[/av_cell][/av_row]
[av_row row_style='avia-button-row' av_uid='av-32b228i'][av_cell col_style='avia-desc-col' av_uid='av-305sus2'][/av_cell][av_cell col_style='' av_uid='av-2yfxx0y'][av_button label='Get Business Plan' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='29' av_uid='av-2x7x4k2']

[/av_cell][av_cell col_style='' av_uid='av-2vwhy82'][av_button label='Get Mega Plan' link='manually,http://' link_target='' color='theme-color-subtle' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='44' av_uid='av-2t9lvtu']

[/av_cell][/av_row]
[/av_table]

This should give you the example table which you can examine the settings or adjust to suit your needs, and then paste into your page.

Best regards,
Mike

Hey andfri78,

Thank you for the update.

You can use the following css code to adjust the style of the slider arrows — decrease its size, remove the background and change its position if necessary.

@media only screen and (max-width: 989px) {
.avia-slideshow-arrows a::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: inherit;
	background: transparent;
	line-height: 32px;
	font-size: 11px;
}
}

You can change the captions’ font size for different screen sizes in the slides’ Styling > Font Sizes panel.

Best regards,
Ismael

Hi,
To reduce the text in the footer for all screen sizes, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#footer p,#footer a {
	font-size: 10px !important;
}

Please adjust the font-size to suit.
After applying the css, Please clear your browser cache and check.

To do this only for mobile, please use this css instead:

@media only screen and (max-width: 767px) { 
#footer p,#footer a {
	font-size: 10px !important;
}
}

Best regards,
Mike

Hi,

1- I enabled Custom Fields (Özel Alanlar) in Settings and checked “header” and it was set to “no” – https://prnt.sc/q5o31x. I simply typed “yes” and updated your page. I am not sure why exactly this issue occurs but in case it happens in future, please check if header is set to “yes” in custom fields.

2- I added following code to bottom of Style.css file of your child theme in Appearance > Editor

.recentcomments a, .widget_recent_entries li a {
    font-style: inherit;
    font-family: inherit;
    font-size: 13px;
}

Please review your website :)

Best regards,
Yigit

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.main_color .required {
    color: red;
    font-size: 20px;
}

Best regards,
Rikard

Hi,
I have compared your two sites stylesheets and the demo site was missing this in your Quick CSS:

.postid-79206 .avia-button-fullwidth { font-size: 45px !important; }
.postid-79206 .avia_button-fullwidth_icon {
    font-size: 45px;
}

which I added for you
and in style.css your live site is missing:

#top .avia-gallery .avia-gallery-thumb a {
width: 25%;
opacity: 1;
display: block;
float: left;
}
#top div .avia-gallery img {

box-sizing: border-box;
}

I did not add

That is all I found, the two sites look the same to me, please clear your browser cache and check.

Best regards,
Mike