Hey hannerinc,

I’ve tagged the topic for our german speaking moderator, please wait for his reply.

Best regards,
Rikard

Hey a-l-p,

I’ve tagged the topic for our german speaking moderator, please wait for his reply.

Best regards,
Rikard

Hey Doron!

Thank you for using Enfold.

The play container covers the stop container. Define the width of those containers.

#mysecstopdiv {
    left: 50%;
    width: 50px;
}

#mystopdiv {
    left: 45%;
    width: 50px;
}

There are different ways of doing this but you can start with that.

Cheers!
Ismael

Hey!

1.How can I adjust the position to move it just little?

Use this css code:

#top .onsale {
    margin-right: 20px;
    margin-top: 20px;
}

2.The main problem is, that the “sale!” changes color when the picture has a hover effect. This is depending on the browser: in edge it goes to red, in safari it is getting bold?? Please go on the “shop” page and and check this.

I can’t reproduce the issue on my end. Could you please provide a link where we can see the issue?

3.Last but not least: The badge should be a forced circle.

Please use this:

#top .onsale {
    height: 40px;
}

Best regards,
Ismael

Hi!

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing. Thank you.

Regards,
Ismael

Hi,

I’m not sure if this will clear things up. https://kriesi.at/support/topic/renitent-color-picker/

Are there any significant difference between the two color values?

Best regards,
Ismael

Hi,

Thank you for the info. Unfortunately, the theme breadcrumb in a single post page can only display categories of the posts. It cannot display the pages because it has no connection or relation to those pages. I’m not sure if the yoast breadcrumb will work in this case. Replace the default breadcrumb with yoast: https://kriesi.at/support/topic/make-breadcrumb-path-follow-primary-category/#post-607364

Best regards,
Ismael

Hey gerardbao,

Thank you for using Enfold.

Please add this in the Quick CSS field:

#top .avia-smallarrow-slider .avia-slideshow-arrows a {
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 50px;
    line-height: 62px;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
    left: 0;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
    width: 100%;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows a:before {
    line-height: 60px;
}

Adjust the values as needed.

Best regards,
Ismael

Hi,

We added this code in the functions.php file:

add_action('ava_after_content', 'ava_after_content_mod', 10, 2);
function ava_after_content_mod($content, $context) {
	if ( $context == 'error404')
	echo do_shortcode("[av_productslider categories='142,85,158,173' columns='3' items='9' offset='0' sort='0' autoplay='yes' interval='5' custom_class='']");
}

Best regards,
Ismael

Hey IanWorthington!

Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

#top .onsale { top: -45px; background: orange; color: red; }

Best regards,
Yigit

Hi,

Glad we could help, please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hi AmyEdwards!

Please refer to this post – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161

Best regards,
Yigit

Hi,

It seems like you added a class from FontAwesome. Please refer to my post here – https://kriesi.at/support/topic/importing-icon-from-font-awesome/#post-414749
If you remove that class from your menu item, it would look normal :)

Best regards,
Yigit

Hi,

Please add Color Section element in your page with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add six 1/3 column elements and then please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (min-width: 990px) {
#custom-cs .av_one_third:nth-child(1) {
    margin-left: 0;
}
#custom-cs .column-top-margin {
    margin-top: 0;
}

#custom-cs .av_one_third {
    width: 14.1%;
    float: left;
    clear: none;
    margin-left: 3%;
}}

Best regards,
Yigit

Hey Martin,

Please refer to this post – https://kriesi.at/support/topic/google-maps-7/#post-656457

Best regards,
Yigit

Hi itziarsolla!

Please refer to this post – https://kriesi.at/support/topic/google-maps-7/#post-656457

Regards,
Yigit

Hey beyond-flora,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .aviaccordion-preview-title-wrap {
    background: transparent;
}
#top .aviaccordion-preview-title * {
    background: rgba(0,0,0,0.3);
    padding: 5px; 
    border-radius: 3px;
}

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 100%;
}}

Best regards,
Yigit

Hi,

Great, glad you got it working. Please let us know if you should need any more help on the topic.

Thanks,
Rikard