Recent
Categories
View Replies (2)

Ensley/ main menu display

  1. Issue
0
Votes
Undo
  1. webnanny
    webnanny
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 14 May 2020
  5.  Subscribe via email
The client for whom I'm building the site wants a particular photo for the header background image. The menu items are barely visible against the top of the image. I used the green preset for Ensley but tried a lot of different colors for the menu items. Nothing works. I even tried putting a translucent darker layer over the top of the image. I hated it. Is there any code snippet that would enable me to put a dark-colored block/background around each menu item that would make the menu lettering more visible? Second choice, probably wouldn't help, some code that would bolden the menu item names?

I had the same issue some years ago using Boss. I decided we could live with it but this time the menu items aren't even visible unless you know where to look for them. I think I could make my client happy with Lifestyle, which I've used several times in the distant past but I've become spoiled by things like Module Style Overrides and Utility Classes.

Thank you, yet again, for the assistance and your patience.
MJ
References
  1. https://winterplacefarmandcreamery.com/wp/index.php
Responses (2)
webnanny
webnanny
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I had another idea: if I converted the main menu to the hornav moduule could I use some css to color the background of the module? I already tried converting to the hornav module in the hopes that it would allow me to make some modifications but no luck there.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi MJ

Presuming I understand you correctly, to amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

.hornav > ul > li {

    margin: 5px;

}

.hornav > ul > li > a {

    background-color: rgb(29, 52, 23);

    padding: 9px 12px;

    border-radius: 4px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • 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