Recent
Categories
View Replies (3)

two horizontal bars in the header

  1. Issue
0
Votes
Undo
  1. markus.pop
    markus.pop
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 10 May 2018
  5.  Subscribe via email
Hi support team,

For the [Stockholm] template you helped me with
#header { box-shadow: inset 0 -10px 0 yellow, inset 0 -20px 0 red; }
to put two horizontal bars in the header.

How can I get the same two bars with the [Verona] template?

Kind Regards
Markus
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Markus

Try...

#container_header {

    box-shadow: inset 0 -10px 0 yellow, inset 0 -20px 0 red;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
markus.pop
markus.pop
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

Works (almost) perfect.
I tried the code with [Kaylee] template too. If a [Header Image] is set, the bars are covered up by the image.
Is there a way to put this box-shadow in the front (on top of the header image)?

Markus
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Markus

To amend try using the following...

.is-sticky .header_row {

    box-shadow: inset 0 -10px 0 yellow, inset 0 -20px 0 red;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!