Recent
Categories
View Replies (4)

tighten space in main menu items

  1. Issue
0
Votes
Undo
  1. bunsworth
    bunsworth
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 14 June 2018
  5.  Subscribe via email
https://beautifulboatinsurance.com
1) need to tighten space in between main menu items. I tried solutions in the formum, but none worked.
2) close spacing above Bottom 2 row
Template overrides & remove container padding in module widths is set to no-doesn't work
3) Need to change hover/active color for main menu. i.e., If menu is black the menu item needs to change color when it is chosen.
4) On mobile phone numbers are links-header #1. I need to change the link color
5) I can't change the H2 color (I believe the page titles are H2) I set
h2 {
font-color: de2516;
font-weight: bold;
}
The bold changes, but not the color
Thanks for tour help.
Responses (4)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Please check the URL provided as it appears to give us a 404 not found error.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
bunsworth
bunsworth
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
use this.
https://beautifulboatinsurance.com/boat-insurance/
  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

1. To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav > ul > li {

    margin: 0 5px;

}


2. Would you have a screenshot indicating the blank space in question?

3. To amend main menu hover color you can add the following to the Custom CSS field of your templates parameters (edit to taste)....

.hornav > ul > li > a:hover {

    color: #aaaaaa;

}


To edit the active color you can also add the following (edit to taste)...

.hornav > ul > li.active > a {

    color: #aaaaaa;

}


4. You appear to have been able to set the color with inline CSS?

5. There is an option to set the H2 color in the General -> Typography tab of your template settings.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
bunsworth
bunsworth
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Forget #2. Things are looking good. Much appreciated. I do try using chrome inspector tools first. Hopefully I'll get there. :D
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • 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.