Page 39 – Support | Kriesi.at – Premium WordPress Themes

Hey HulaSlim,
Thanks for your question, as I can tell from the Helper Lite for PageSpeed plugin page it

Speed up your site with attributes decoding=”async” & loading=”lazy” for <img> and <iframe>. Removes problem “Does not use passive listeners to improve scrolling performance”. Help to Up Your Google PageSpeed Insights Score.

so this is mostly to get a better PageSpeed Insights Score, the theme already has a lazy load option so the “async” attribute may help with PageSpeed Insights Score but not too much with overall load time, I don’t think that it would conflict with LiteSpeed, but I would disable it until after setting up LiteSpeed and getting a good load time.
I would recommend setting up LiteSpeed first and don’t add any other caching right away, as there may be a issue with supercache, since LiteSpeed works on your server it should work better, at least try it first.
The TinyPNG image compression plugin will work well with LiteSpeed and should help with image sizes.
You can also enable compression in your .htaccess file if you add this code to it:

<IfModule mod_deflate.c>
AddType x-font/woff .woff
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>

Best regards,
Mike

August 27, 2023 at 1:47 pm #1417252

In reply to: CSS Code for editing testimonial widget

Hey Dzimnikov,
Thank you for the link to your site, it looks like the testimonials are in a color section that is light green now, have you tried adding the background image to the color section, or do you want the background image limited to the testimonials only with the light green also showing?
To make the arrows smaller on mobile devices try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 500px) { 
#top #testimonialtemp .av-slideshow-ui.av-loop-endless .avia-slideshow-arrows > a, #top #testimonialtemp .av-slideshow-ui.av-loop-manual-endless .avia-slideshow-arrows > a, #top #testimonialtemp .av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide, #top #testimonialtemp .av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
	    width: 30px;
	    height: 30px;
}
#top #testimonialtemp .av-control-minimal .avia-slideshow-arrows a:before {
    line-height: 30px;
}
#top #testimonialtemp .av-large-testimonial-slider .avia-slideshow-arrows a {
    font-size: 20px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

August 22, 2023 at 6:20 pm #1416880

In reply to: Increase the size of social icons in header

Hey stephaniebLOS,
Thank you for the link to your site, 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: 20px!important; 
}

#top #wrap_all .social_bookmarks li {
height: 40px!important; 
width: 40px!important; 
}

#top #wrap_all .social_bookmarks {
  height: 60px!important;
}

feel free to adjust to suit and clear your browser cache and check.

Best regards,
Mike

August 22, 2023 at 2:40 am #1416816

In reply to: Socket: Font

Hey Lene,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#socket span {
	font-size: 16px;
}
#top a:hover {
	text-decoration: underline;
}

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

Best regards,
Mike

August 22, 2023 at 12:42 am #1416807

In reply to: Horizontal Icons List

Hi,
To make them larger and add a color on hover try this css:

.horizontalicons .iconlist_icon {
width: 48px!important; 
height: 48px!important; 
line-height: 48px!important; 
min-height: 48px!important; 
font-size: 15px;
}

#top .avia-icon-list-container.horizontalicons li:first-child .iconlist_icon:hover {
	color:#fff; background-color:#37589b; 
}
#top .avia-icon-list-container.horizontalicons li:nth-child(2) .iconlist_icon:hover {
	color:#fff; background-color:#a67658; 
}
#top .avia-icon-list-container.horizontalicons li:nth-child(3) .iconlist_icon:hover {
	color:#fff; background-color:#419cca; 
}
#top .avia-icon-list-container.horizontalicons li:nth-child(4) .iconlist_icon:hover {
	color:#fff; background-color:#9fae37; 
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

August 21, 2023 at 6:33 pm #1416780

In reply to: Privacy policy buttons

Hi,
To adjust for these changes, please remove all of the precious code and use this instead:

#top .avia-cookie-consent.avia-cookiemessage-bottom {
	bottom: unset;
	left: unset;
	margin: 0;
	position: fixed !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#top .avia-cookie-consent.avia-cookiemessage-bottom .container {
	transform: translate(0,30%);
}
#top .avia-cookie-consent .avia-cookie-consent-button {
	display: block;
    width: 40%;
    margin: 10px auto;
}
#top .avia-cookie-consent p {
	 display: block;
	 padding-bottom: 20px;
	 font-size: 18px;
}
#top .avia-button.avia-cookie-consent-button {
	 border-radius: 50px;
}
@media only screen and (max-width: 767px) { 
	#top .avia-cookie-consent.avia-cookiemessage-bottom {
	width: 90%;
	height: 80%;
	}
	#top .avia-cookie-consent .avia-cookie-consent-button {
    width: 90%;
	}
}
@media only screen and (min-width: 768px) { 
	#top .avia-cookie-consent.avia-cookiemessage-bottom {
	width: 50%;
	height: 50%;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

August 19, 2023 at 12:25 am #1416596

In reply to: Image size not full width in blog post

pmphilipps

It works thank you very much.

It is a simple way to change the size of the fonts (wrap them) instead of break words ?

August 18, 2023 at 1:26 pm #1416542

In reply to: Disable “graphic” ampersands, quotes and apostrophes

Hi,
When I check your page I see Yigit’s solution above loading:

Please remove this css and disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files then add this css to your WordPress ▸ Customize ▸ Additional CSS or Enfold Theme Options ▸ General Styling ▸ Quick CSS field and Then clear your browser cache and any cache plugin, and check.

#top .special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit!important;
}

This is the results I see when I test on your page:

Best regards,
Mike

August 18, 2023 at 1:24 am #1416516

In reply to: Disable “graphic” ampersands, quotes and apostrophes

Hi,
Try this css instead:

#top .special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit!important;
}

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

Best regards,
Mike

August 17, 2023 at 4:29 pm #1416488

In reply to: Disable “graphic” ampersands, quotes and apostrophes

Yigit

Hey,

Please use the code as the following:


#top .special_amp {
    font-size: 1em;
    line-height: 1;
    font-style: normal;
    font-family: inherit;
    font-weight: 300;
}

After that, please go to Enfold theme options > Performance and disable CSS file merging, save theme options, clear cache, and enable CSS file merging once again.

If that doesn’t work, please create temporary admin logins and share them with us in the private content field.

Regards,
Yigit

August 16, 2023 at 8:13 pm #1416427

Topic: Horizontal Icons List

in forum Enfold

stephaniebLOS

Participant

Hi, I’m trying to make a Horizontal Icons List applying the steps in this thread. https://kriesi.at/support/topic/horizontal-icons-list/
I have added the code and classes but things are off. Code is below.

1. I would like the icons centered.
2. I need the icons to be larger Double the size
3. I would like the icon to have a hover color

.horizontalicons ul.avia-icon-list li {
    float: left;
    clear: none;
}
.horizontalicons .iconlist-char {
    font-size: 14px;
}
.horizontalicons .iconlist-timeline { 
display: none;
}

.horizontalicons .iconlist_icon { 
    margin-right: 10px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

August 15, 2023 at 7:01 am #1416317

In reply to: Main Menu Link Changes

Hi,

No worries. The problem was located in the following CSS media query in the Quick CSS field, where a closing curly brace was missing.

@media only screen and (max-width:767px) {
  #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-size: 20px;
  }

  #footer a {
    color: #ceb0ff !important;
  }

  /* Submenu links */

  #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul .sub-menu a {
    color: #ffffff;
  }

  #top #header_main #av-burger-menu-ul {
    vertical-align: top;
    padding: 100px 0px !important;
  }
}

Best regards,
Ismael

August 15, 2023 at 6:45 am #1416313

In reply to: Shop options modifications

Hey zemag33,

Thank you for the inquiry.

The category dropdown is not inherently part of the theme, so making changes to its style will require some CSS modifications. Please add the following code in the Quick CSS field.

#top .select2-results {
    color: #111111;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #fbc307;
    color: #ffffff;
}

For the product title and other related elements, please use this.

.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
    padding-top: 5px;
    font-size: 2em;
    line-height: 1.3em;
    font-weight: normal;
    margin: 0;
}

#top .price, #top .price span, #top del, #top ins {
    display: inline;
    text-decoration: none;
    font-size: 1em;
    line-height: 24px;
    font-weight: 600;
}

Best regards,
Ismael

August 14, 2023 at 3:35 pm #1416260

Topic: Shop options modifications

in forum Enfold

zemag33

Participant

Hello,

I can’t see how to change the colors of the category drop-down menu, which is blue by default.
Could you tell me how to change the color to use those defined in the theme?

The same goes for the size of the small secondary fonts on the pages (such as the product name or VAT, for example).

Thank you in advance.

Have a nice day!

Christophe

August 11, 2023 at 5:37 pm #1416085

In reply to: Bilder verschwinden immer wieder

Hi,
Thank you for your patience, as I understand your question though Google Translate, your H2 headings on the homepage should be like “Als zertifizierte Humanenergetikerin biete ich:” but this font size is very small at 0.7em:

via some custom css, the heading you want changed are set to 54px in the element options:

and look reasonable on the frontend

Do you really want the fonts tiny?
I recommend removing the custom css that makes it tiny in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 0.7em;
    font-weight:300 !important;
}

and use the element option to set the size you wish:

Best regards,
Mike

August 9, 2023 at 4:33 pm #1415938

In reply to: Socket font size

Yigit

Hey Marcus,

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


#socket {
  font-size: 15px;
}

Best regards,
Yigit

August 9, 2023 at 4:19 pm #1415936

Topic: Socket font size

in forum Enfold

woogie07

Participant

Where do you increase the size of the links set in the socket?

Thanks
Marcus

August 9, 2023 at 1:35 pm #1415919

In reply to: Font and logo size

Yigit

Hi,

To change menu font size, please go to Enfold theme options > Advanced Styling, edit Main Menu Links, and change the Font Size (https://i.imgur.com/jS0vXnj.png).

Best regards,
Yigit

August 9, 2023 at 1:28 pm #1415918

In reply to: Font and logo size

found it this was a format font issue.. now i fixed :) th eonly think is how i can change the font size from the menu

August 9, 2023 at 1:01 pm #1415915

In reply to: Font and logo size

oh thank you it works now :) and how i can change the font size? from the settings above what Ismael told me Enfold > General Styling > Typography panel. nothing is changed…

August 9, 2023 at 9:24 am #1415897

In reply to: Font and logo size

Hi Ismael,

thanks for the fast reply..

i put it the css logo code in the General Settings/Logo Area / Quick css but nothing is changed

the same with the Font size adjust the isze but everything staying same

August 9, 2023 at 2:56 am #1415877

In reply to: Font and logo size

Hey samis37,

Thank you for the inquiry.

You can use the following css code to adjust the size of the logo.

.logo img, .logo svg {
    zoom: 120%;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
    zoom: 90%;
}

To adjust the font sizes of the body and heading text, please go to the Enfold > General Styling > Typography panel.

Best regards,
Ismael

August 8, 2023 at 3:57 pm #1415831

Topic: Font and logo size

in forum Enfold

Participant

Hey, how can I change the logo size to make them appear bigger?
Similarly, I’d like to adjust the font size from small to medium or something fixed like 15px.

Thanks :)

August 5, 2023 at 8:30 pm #1415618

In reply to: Mobile menu style

Hey enfold,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header #av-burger-menu-ul .av-active-burger-items > a > span.avia-menu-text {
    font-family: 'Arapey',serif !important;
    text-transform: uppercase !important;
    font-size: 18px;
    font-weight: 900;
    color: #0251CC;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

August 5, 2023 at 8:47 am #1415482

In reply to: Special Heading on Mobile Not Centered

sjahan

I decreased the font size to 55px and the word Accommodations fully shows up now, but it’s still not centered. It’s more to the right.

August 4, 2023 at 9:28 pm #1415465

In reply to: Special Heading on Mobile Not Centered

sjahan

I can decrease the font size for the element, but I’d prefer to keep the size as is. The issue is that the text isn’t centered because if the font size stays as is and is too big for the screen shouldn’t it be fully centered and then get cut off on both the left and right?

August 4, 2023 at 9:22 pm #1415464

In reply to: Special Heading on Mobile Not Centered

Rikard

Hi,

Thanks for the update. Did you try setting the font size for smaller screen sizes in the element itself? You can set that under Styling->Font Sizes.

Best regards,
Rikard

August 4, 2023 at 10:08 am #1415401

In reply to: Special Heading on Mobile Not Centered

Rikard

Hey sjahan,

Thanks for the login details. The front end looks to be password protected, but you can set the responsive font sizes under Enfold->General Styling->Typography. Please have a look there first of all.

Best regards,
Rikard

August 3, 2023 at 6:52 am #1415308

In reply to: problems with styling full screen slider and icons on homepage

Hey spitsdesign,

Thank you for the inquiry.

You may need to temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the adjustments in the font sizes to take effect. Also, make sure to purge the cache before checking the page again.

Best regards,
Ismael

August 2, 2023 at 10:04 pm #1415287

In reply to: No pages are imported after demo import

Rikard