Tagged: , , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 1, 2014 at 2:41 am #298525
    brandpirate

    Heyho,

    first of all I want to thank you so much for this theme. Outstanding work! But now to my question: I am preparing a website for a sports team and therefore I planned to use the add-on SportsPress e.g. to present Players (but its the same with WooCommerce). Those “Special Pages” can not be edited the normal way and so the add-on has to use “global” options for the header settings. But as you can see in Ex1 there is a white header bar now instead of beeing transparent. Used header styling options: no header background color, no image. I allready tried the solution from https://kriesi.at/support/topic/transparent-content-and-header/ without success. Could you please help me?

    BTW: It seems that the blank hotspot-option is not working as intended as you can see in the appropriate private content. We do not want to show numbers within the hotspots but they do not disappear. As a workaround we change the colors now so it is not a big deal.

    It would be nice hearing from you
    Manu

    August 1, 2014 at 2:40 pm #298754
    Yigit

    Hey Manu!

    Will you be using transparent header on all of your pages? If so, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_header_sticky #main { padding-top: 0; }
.content, .sidebar { padding-top: 100px; padding-bottom: 100px; }

    Regards,
    Yigit

    August 1, 2014 at 5:36 pm #298854
    brandpirate

    Thanks a lot Yigit! Works as intended! Great and very fast support!

    Is this hotspot-topic mentioned in the first post showing a normal behavior or is it a bug?

    Regards,
    Manu

    August 1, 2014 at 5:41 pm #298858
    Yigit

    Hey!

    You can change color of the numbers and make them transparent using following code

    .av-hotspot-container .av-image-hotspot_inner { color: transparent; }

    Best regards,
    Yigit

    August 2, 2014 at 5:23 pm #299158
    brandpirate

    Sorry for warming this thread up, but the solution produces a white bar on mobile devices like the iphone as you can see when you open one of the pages named in the privat area. Is there a modification for this issue?

    Regards
    Manu

    .html_header_top.html_header_sticky #main { padding-top: 0; }
.content, .sidebar { padding-top: 100px; padding-bottom: 100px; }
    August 4, 2014 at 2:57 pm #299688
    Yigit

    Hey Manu!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #main { margin-top: -82px; }}

    Regards,
    Yigit

    October 15, 2015 at 3:47 pm #519372
    mmandarino

    I’m trying to make the center of the hotspot transparent

    I used the recommended quick css code:

    .av-hotspot-container .av-image-hotspot_inner { color: transparent; }

    Do you have any recommendations?

    because is not working the center spot still blank (default)

    NOTE:

    I got it!
    .av-image-hotspot_inner {
    background: none !important;
    }

    • This reply was modified 9 years, 1 month ago by mmandarino.
    October 16, 2015 at 8:49 am #519713
    Rikard

    Hi,

    I’m not sure if you got it fixed or not @mmandarino?

    Thanks,
    Rikard

    October 16, 2015 at 1:56 pm #519960
    mmandarino

    Hi Rikard

    yes, I did I used this code:

    .av-image-hotspot_inner {
    background: none !important;
    }

    Thank you

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Header Transparency issue with distinct add ons like WooCommerce’ is closed to new replies.