Transparent Header on Bistro Theme

Home Forums All Other Themes Transparent Header on Bistro Theme

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #98238
    alex_frnz
    Participant
    • Topics: 7
    • Replies: 33
    • Total: 40
    Member since: March 19, 2018

    hello.

    please, can you tell me at the Bistro template how can I set up the Transparent Header on Frontpage, but without full transparency? (it can be black, but not full transparent, so you can see the image behind + you can have a clear header and you can read the text clear)

    I entered in Admin – Header – I set ON the Transparent Header on Frontpage – I tried to change the number from background transparency (it was 0 initially, and if you put 1 ore other number, it will set the header to full color)

    thanks

    #98342
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Brad

    #98417
    alex_frnz
    Participant
    • Topics: 7
    • Replies: 33
    • Total: 40
    Member since: March 19, 2018
    #98454
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    Hi,

    Kindly set 0.5 value in Transparent Header on Frontpage.

    Regards,
    Shri

    #98480
    alex_frnz
    Participant
    • Topics: 7
    • Replies: 33
    • Total: 40
    Member since: March 19, 2018

    thanks. it worked. Is there a way to set up the same transparency to the page header?

    #98526
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Custom CSS and paste below code there:

    .page .header, .single .header, .archive .header, .search .header { position: absolute !important; background-color: rgba(114,114,114, 0.5) !important;}

    Regards,
    Brad

    #98609
    alex_frnz
    Participant
    • Topics: 7
    • Replies: 33
    • Total: 40
    Member since: March 19, 2018

    hi. I did put the code you gave me, but the header dissapeared from the pages.

    #98616
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Custom CSS and paste below code there:

    .page .header, .single .header, .archive .header, .search .header { position: absolute !important; z-index:1000; background-color: rgba(114,114,114, 0.5) !important;}

    Regards,
    Brad

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.