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!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok