New Landing › How can we help? › Themeforest Theme Support › Pinpoint › Transparent pages/header

Viewing 15 posts - 1 through 15 (of 29 total)
1 2
  • Back to forum
    Posted in: Pinpoint
  • April 11, 2014 at 6:49 pm #66501
    nrf
    Member
    Post count: 34

    Hi,

    is it possible to get the background in the header and the pages transparent? So that the text and images are showing on top of the sites background so to speak?

    April 14, 2014 at 9:53 am #66780
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You could try adding this custom css:

    #container {
  background: transparent;
  box-shadow: none;
}
#header-section {
  background: transparent;
}

    – Kyle

    April 14, 2014 at 10:40 am #66797
    nrf
    Member
    Post count: 34

    Thanks!

    That did the trick. But I forgot about the navigation/meny under the header and the footer/widget-area in the bottom… Could you help me with thoose to as well?

    April 14, 2014 at 10:54 am #66805
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try adding:

    #nav-section, #mini-header {
  background-color: transparent;
  border: none;
}

    – Kyle

    April 22, 2014 at 9:45 pm #69240
    nrf
    Member
    Post count: 34

    Great!

    I would like to do the same with the footer-section…

    Could you help me out!?

    April 23, 2014 at 7:09 am #69298
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this:

    #footer {
  background-color: transparent;
}

    – Kyle

    October 15, 2014 at 11:00 am #120390
    nrf
    Member
    Post count: 34

    After my latest update of the theme (1,62) the header is not transparent anymore. Any ideas?

    October 15, 2014 at 11:04 am #120394
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try out the custom css code as Kyle provided you in last replies. Please insert custom css code at Admin -> Theme Options -> General Options -> Custom CSS.
    Thanks

    October 15, 2014 at 12:05 pm #120421
    nrf
    Member
    Post count: 34

    Like this, Mohammad?

    #header-section {
    background: transparent;
    }

    Cause it´s the header I want to be transparent.

    But the code above does not work for me…

    October 15, 2014 at 12:09 pm #120424
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me website url to check.
    Thanks
    Mohammad

    October 15, 2014 at 12:15 pm #120427
    nrf
    Member
    Post count: 34
    This reply has been marked as private.
    October 15, 2014 at 12:23 pm #120430
    nrf
    Member
    Post count: 34
    This reply has been marked as private.
    October 15, 2014 at 1:21 pm #120441
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Unfortunately it’s not possible, the white behind the header is from the container, which covers the whole page, so if you make that transparent by adding:

    #container {
  background: transparent;
  box-shadow: none;
}

    You will see that all of your page is transparent

    – Kyle

    October 15, 2014 at 1:26 pm #120442
    nrf
    Member
    Post count: 34

    Kyle – That´s strange… The background of the header was transparent before I updated the theme…

    October 15, 2014 at 1:28 pm #120443
    nrf
    Member
    Post count: 34

    What if I set the background to be a transparent 1×1 px .png – would that work?

  • Back to forum
    Posted in: Pinpoint
Viewing 15 posts - 1 through 15 (of 29 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register