Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #298525

    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

    #298754

    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

    #298854

    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

    #298858

    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

    #299158

    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; }
    #299688

    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

    #519372

    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 4 years, 5 months ago by  mmandarino.
    #519713

    Hi,

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

    Thanks,
    Rikard

    #519960

    Hi Rikard

    yes, I did I used this code:

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

    Thank you

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.