Recent
Categories
View Replies (5)

Background color menu Layla

  1. Issue
0
Votes
Undo
  1. Stevenbreukel
    Stevenbreukel
  3. Commercial Templates
  4. Monday, 07 November 2022
  5.  Subscribe via email
In template Layla is the background color of the logo is the same as the background color of the menu.
Is there a way to disconnect this?
I can give the menu a different color in the css, but then that is not in the full width.
Responses (5)
Oliver
Oliver
Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Stevenbreukel,

maybe if you use the class header_bottom, you should be able to add another bg color to the whole menu line.

Pls try adding this to your custom.css:



.header_bottom {background-color: blue;}


I testet it on the demo page an the blue covers the whole line even with the social media icons.

Maybe this is what you are looking for?

Regards
Oliver
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Stevenbreukel
Stevenbreukel
Accepted Answer Pending Moderation
0
Votes
Undo
This works indeed, only the bar is not across the entire width of the site. Is there any code that will do this?

Greeting Steven
Attachments (1)
Schermafbeelding 2022-11-11 om 13.49.14.png Schermafbeelding 2022-11-11 om 13.49.14.png
  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
Hello

Are you referring to the menu bar (yellow)?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Stevenbreukel
Stevenbreukel
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, is there a possibility to expend the yellow to both sides over the entire width?
  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

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.header_bottom.wrapper960 {

  width: 100%;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


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