Recent
Categories
View Replies (6)

Everly - header transparent opacity

0
Votes
Undo
  1. dynas
    dynas
  3. Commercial Templates
  4. Monday, 22 April 2019
  5.  Subscribe via email
Hi guys.

I would like to have the transparent header on the front page not completely transparent but I can't find the inline-code.

I would like to have the following css like this:
.header_row, .header_top {
background-color: #0000004d;
}

Custom css is not working because its inline.

Can you help me

Can you please tell me in which file I can change that?

Thanks a lot :-)
Attachments (1)
header-opacity.jpg header-opacity.jpg
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of the issue when your CSS is added to the Custom CSS field?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
dynas
dynas
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

you will find the URL in the URL Field.

Thanks
  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
Thank you

If you want the transparent background before and after scrolling, you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header_row {

    background-color: #0000004d !important;

}


If you only want it before scrolling then simply remove the !important.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
dynas
dynas
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

sorry but its not work - have a look.

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

You may need to use the following instead... 

.sticky-wrapper .header_row {

    background-color: #0000004d;

}

.sticky-wrapper.is-sticky .header_row {

    background-color: rgb(17, 117, 55);

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
dynas
dynas
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran, you took me in the right direction.

The follow code does the job



.sticky-wrapper, .header_row {

    background-color: #0000004d;

}

.sticky-wrapper.is-sticky .header_row {

    background-color: rgb(17, 117, 55);

}


Greetings from germany
:-)
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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