Hi!

I am sorry, the link you provided is not showing any hotspots for me, instead it’s just showing an overview of the different Enfold demos.
However, the function you need sounds to me as if it would require a heavy customization of the theme, which you can request here.

Cheers!
Andy

Hey!

I am sorry, but we can’t provide support for this 3rd party plugin, as it would require a huge amount of work. You can hire a freelancer for this kind of job though. However, I suggest to use an original WooCommerce extension like for example:
http://www.woothemes.com/products/woocommerce-ninjaforms-product-addons/
http://www.woothemes.com/products/payment-gateway-based-fees/

Cheers!
Andy

Hey!

thanks for the screenshots. Please try to implement your code into a child theme (anyway you should always use a child theme, otherwise you will loose your custom code when updating theme).

Regards,
Andy

Hey!

use this shortcode for your special heading:

[av_heading heading='I'm a water person' tag='h3' style='' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font='']I'm a water person[/av_heading]

You can find a list with the HTML number (which you need to use) for any ASCII character here: http://www.ascii.cl/htmlcodes.htm

Cheers!
Andy

Hi!

that question would be best suited in the WooCommerce support forum.
Let us know in a new ticket if you have any theme related questions.

Cheers!
Andy

Hi!

use this code to hide it:

div#atstbx2 {
display: none;
}
div#atstbx3 {
display: none;
}

Cheers!
Andy

Hey flymotions!

please make a quick forum search before opening a new thread.

1.) Refer to this answer: https://kriesi.at/support/topic/how-can-i-make-the-header-transparent-in-mobile-view/#post-230165

2.) Just use the same code and add media queries for mobile devices to it:

@media only screen and (max-device-width: 736px) {
#top .av_header_transparency .social_bookmarks li a {
color: grey !important;
}}

3.) Not sure if I understand correctly. Do you want to use different headers on different sites of your page? if yes you would need to search a plugin like this for this kind of function: https://wordpress.org/plugins/custom-header-extended/

4.) This is only happening for a very short time and I think it’s a standard behavior as it needs some time to render (load). Have in mind that the logo is not a vector file and instead it’s a pixel file (which is why it needs to be reloaded when changing image size).

5.) No. You would need to find a plugin for it o customize your website.

6.) Would be best to use different tickets for different questions, as you would get a faster reply, because then we can answer simultaneously and other people searching for answers don’t get confused by different answers and/or questions.

Cheers!
Andy

Hi!

as I already told you Yigit’s code was not implemented, so I put it into your Quick CSS field and now it’s working as expected:

Make sure to adjust the (max-width)-value of the media queries, if you want to fit it for different screen sizes. You can find more information about media queries here: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Cheers!
Andy

Hi Johannes!

du kannst WP Super Cache oder W3 Total Cache ausprobieren. Beides zeigte bisher gute Resultate mit Enfold.

Lieben Gruß!
Andy

Hey Faktor22!

try this code in Quick CSS field:

div#av_section_2 {
width: 112%;
margin-left: -6%;
}
div#footer {
width: 112%;
margin-left: -6%;
}
footer#socket {
width: 112%;
margin-left: -6%;
}

and adjust if needed.

Best regards,
Andy

Hey!

1.) Use this code to control color of the arrows:

button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
background-color: red;
}
button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
background-color: blue;
}

2.) Use this code to increase image size of your grid layout:

img.attachment-medium.wp-post-image {
width: 120%;
max-width: 120%;
}

and adjust as needed.

Please use new tickets for new questions!

5.) Refer to this answer: https://kriesi.at/support/topic/portfolio-items-ordering/#post-281549

6.) Use this code:

#top .header_color .image-overlay .image-overlay-inside:before, #top .main_color .image-overlay .image-overlay-inside:before, #top .alternate_color .image-overlay .image-overlay-inside:before, #top .footer_color .image-overlay .image-overlay-inside:before, #top .socket_color .image-overlay .image-overlay-inside:before {
color: red;
background-color: blue;
width: 70px;
height: 70px;
}

and adjust as needed.

Cheers!
Andy

Hey!

try this code:

ul.avia-slideshow-inner {
height: 129% !important;
}
.avia-slideshow.avia-slideshow-1.av-control-default.avia-slideshow-no.scaling.av_slideshow_full.avia-slide-slider {
height: 105%;
}

and adjust as needed.

Best regards,
Andy

Hi!

to control every single button via CSS you would need to turn on custom CSS class fields.

Then you can use something like this in Quick CSS field:

.your-button-1 {
background-color: red !important;
border-color: blue !important;
}
.your-button-2 {
background-color: green !important;
border-color: purple !important;
}

I can’t see which men’s collection you are talking about, because the link you have provided is just redirecting to an overview page of the different enfold demo collection. I think screenshots would help (imgur, dropbox).

Regards,
Andy

Hi!

thank you! that will help Kriesi.

Let us know in a new ticket if you have some more questions or issues related to the theme. We are happy to assist.

Best regards,
Andy

Hi anweb!

use this code in Quick CSS field:

nav.main_menu {
top: -30px;
}

About which large menu are you talking about? If you need a larger logo control it with this code:

.logo, .logo a, .logo a img {
width: 150px;
height: 116px;
}

and adjust as needed.

Cheers!
Andy