Hi,

Thank you for the info.

If I have the Enfold cache options

The theme doesn’t have a cache option, only compression and merge options. Please note that there is no “one size fits all” or “one config fits all” when it comes to site optimization, so you have to play around with these options and try a few combination of plugins to find out which works best for your installation. If the current combination of options and plugins are not working, then you have to adjust it until you get a better result.

the Google bot cannot load all resources anymore

Which resources exactly (js, css, images, fonts) ?

Best regards,
Ismael

Hi,
I had to guess which foolscap image you wanted to use, so to change this icon to an image:

I added this css:

.hr-center.hr-icon-yes .av-seperator-icon:after {
  content: "";
  background-image:url(https://new.faschingsklub-thalheim.de/wp-content/uploads/2022/01/Kappe_100.png);
  background-size: 100% 100%;
  display: inline-block;
  height: 30px;
  width:30px;
}
.hr-center.hr-icon-yes .av-seperator-icon {
	font-size: 0px;
	width: 30px;
    height: 30px;
}

and the results are:

If you want to use a different image, simply change the url in the css.
I made this change for you, please clear your browser cache and check.

Best regards,
Mike

Hi,
From what I see the font rule:

h1, h2, h3 {
	font-family: 'Bilbo Swash Caps', cursive;
	text-transform: capitalize !important;
	color: #ad0300 !important;
}

is applied in your child theme stylesheet, but using just the H tag by itself to affect the H1 in the layerslider is a little weak as the layerslider is passing the “inherit” rule to the tag.
to correct I would recommend changing to:

#top #main h1,#top #main h2,#top #main h3 {
	font-family: 'Bilbo Swash Caps', cursive;
	text-transform: capitalize !important;
	color: #ad0300 !important;
}

As for the font size of the lower text being 1px, this is what the layerslider is setting so you will need to make that change in the layerslider:

Best regards,
Mike

Hi,

To increase font size of the widget title, please use

#header .widgettitle {
  font-size: 26px; 
}

and to increase font size of the widget text, please use

#header .textwidget {
  font-size: 20px; 
}

Best regards,
Yigit

Hi,

Thanks for contacting us!

You can go to Enfold theme options > Advanced Styling and edit “H3” tagged elements. If you are going to need to separately edit post titles, you can edit your element, go to Advanced > Developer Settings tab and give your element a custom ID (“my-custom-id” in example below) and then add following code to bottom of Enfold theme options > General Styling > Quick CSS field

#my-custom-id h3 { color: orange; font-size: 24px; }

Best regards,
Yigit

Hi,
Thank for the login, when I check your slider the font size is 1px, try changing it to 14px, for example:

Best regards,
Mike

Hi,

Thank you for the update.

Did you add this css code?

.button {
    background-color: #66bde6 !important;
    -webkit-border-radius: 33px;
    -moz-border-radius: 3px;
    color: #ffffff;
    font-size: smaller;
    padding: 5px 15px;
}

This rule overrides the default background color of the submit button. If you want to override it, place this css code below.

input[type="submit"], #submit {
    background: red !important;
    color: white !important;
}

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

Best regards,
Ismael

Hi,

Have you found a solution for point 2 as well? Font size is 12px and it looks fine on my end, I attached a screenshot in private content field.

If you would like to decrease the size even more, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

#top #full_slider_2 .avia-slideshow-button {
  font-size: 10px !important;
}

Best regards,
Yigit

Hey,

Thanks for contacting us!

1- Please edit your Color Section element that contains your 3 blocks and go to Advanced > Developer Settings and give it a custom ID (“my-custom-id” in example below) and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling

@media only screen and (max-width: 990px) { 
#top #my-custom-id .flex_column_table {
  margin-top: 0;
}}

2- You can duplicate your Slider element, choose to display different slide image in your duplicated slider and then edit your element and go to Advanced > Responsive and choose to hide duplicated slider on desktop and choose to hide your existing slider on mobile.

3- You can edit your slide and go to Styling > Font Sizes and choose different font sizes for different screen sizes – https://imgur.com/a/XbHsUlM :)

Best regards,
Yigit

Hi,

Thanks for the update. Are you trying to target the home class on your home page in the code you posted? If so, then please try this instead:

@media only screen and (min-width: 990px) and (max-width: 1440px) { 
.home .maintitle {
font-size: 1.2em;
line-height: 1em;
padding: 0px 1em;
}
}

The # character is used for ID’s only. Also, you might need to be a bit more specific in your CSS, as I see that you have different markup in the element which you applied the class to.

To target the h1 element, you might need something like this:

@media only screen and (min-width: 990px) and (max-width: 1440px) { 
.home .maintitle h1 span {
font-size: 1.2em;
line-height: 1em;
padding: 0px 1em;
}
}

Best regards,
Rikard

Hey aluca6,

Thank you for the inquiry.

The title and the breadcrumb are not aligning correctly on mobile view because of this css code.

.main-title.entry-title, #top .alternate_color.title_container .main-title a {
    left: 44% !important;
    margin-bottom: 60px !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    color: #660000 !important;
}

.main-title.entry-title, #top .alternate_color.title_container .main-title a {
    left: 44% !important;
    margin-bottom: 60px !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    color: #660000 !important;
}

.title_container .breadcrumb {
    left: 44% !important;
    padding: 0;
    background-color: #fff !important;
    font-family: 'Lato';
    font-style: italic;
}

The left property adjusts the position of the title. You may need to wrap the code inside a css media query so it doesn’t affect the mobile view.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

Best regards,
Ismael

Hey Chiefi,

Thank you for the inquiry.

Instead of applying the background to the color section, try to add a 1/1 column element inside the section and apply the background to it. You can adjust the font size and other element styling in the Enfold > General Styling panel or edit the element and go to the Styling tab.

Best regards,
Ismael

Hi,

Please try this CSS as well:

.sidebar .product_list_widget span.product-title {
  font-size: 18px !important;
}

Best regards,
Rikard

Hi,
Thanks for the login, I added this css:

li.ife span.avia-menu-text:before {
  content: "\e84f";
  font-family: 'entypo-fontello';    
  font-size:20px;
  padding-right:10px;
  }

and a custom class to your menu item:

and now the book icon shows:

please clear your browser cache and check.

Best regards,
Mike

Hi,

Please try this CSS instead:

.sidebar .product_list_widget li {
  font-size: 18px;
}

Best regards,
Rikard

Hi Franz,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

#top .logo .subtext {
  color: white;
  font-size: 20px;
}

If you would like to make further changes, please post a screenshot and show them. You can upload your screenshots on imgur.com and post the links here :)

Regards,
Yigit

Hi,

This URL is returning a 404 error on my end: https://trikego.com/it/store/, please check it and post a new URL.

Please try this CSS for the categories:

.template-shop .product_meta {
    font-size: 18px;
}

Best regards,
Rikard

Hey klkc,

Thank you for the inquiry.

You can use this css code to adjust the font size of the portfolio title and content.

.grid-entry-title {
    font-size: 21px;
}

.grid-entry-excerpt {
    font-size: 16px;
}

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

Best regards,
Ismael

Hey ladefogedpeter,
Thank you for the screenshots and link to your site, please try this css in your Quick CSS:

@media only screen and (min-width: 990px) and (max-width: 1440px) { 
#top.home #overlap .avia-image-container .av-image-caption-overlay-center {
	font-size: 1.4em;
	line-height: 1em;
	padding: 0px 1em;
}
}

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

Best regards,
Mike