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_frnzalex_frnz
    Participant
    • Topics: 9
    • Replies: 34
    • Total: 43
    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
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Brad

    #98417
    alex_frnzalex_frnz
    Participant
    • Topics: 9
    • Replies: 34
    • Total: 43
    Member since: March 19, 2018

    www.coob.ro

    #98454
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Hi,

    Kindly set 0.5 value in Transparent Header on Frontpage.

    Regards,
    Shri

    #98480
    alex_frnzalex_frnz
    Participant
    • Topics: 9
    • Replies: 34
    • Total: 43
    Member since: March 19, 2018

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

    #98526
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    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_frnzalex_frnz
    Participant
    • Topics: 9
    • Replies: 34
    • Total: 43
    Member since: March 19, 2018

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

    #98616
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30587
    • Total: 30587
    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.