1. smithjd44
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 20 December 2020
  5.  Subscribe via email
You have helped me with with several previous posts on the Ensley Template.

You can view the website I am working at the link: http://tempdomain51.site.

My client would like the semi-transparent header to not expand vertically whenever a visitor scrolls down but stay fixed at the top of the page.

My client would also like to know what the main menu would look like if it was bold with only the first letter capitalized.

He would also like the bottom menu to also have the vertical pipe separators ( | ) if that is a possibility.

If you have some custom CSS coding to make the above changes, that would be great.

I really appreciate your assistance!

Thanks again!

James
References
  1. http://tempdomain51.site
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)....

.hornav > ul > li > a {
text-transform: capitalize;
font-weight: bold;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
I appreciate the coding from my request but I am having a problem with the top menu.

My client wants to set the top menu uppercase first letter of each word in the menu and lower case all others.

He also wanted the top menu to be bold.

The website I am working on is located at http://tempdomain51.site

Thank you!

James
References
  1. http://tempdomain51.site
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi James

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

.is-sticky .logo {
padding: 5px 40px;
}
.hornav > ul > li > a {
text-transform: unset;
}
.footermenu ul li + li {
border-left: 1px solid white;
}
.footermenu ul li a::after,
.footermenu ul li span::after {
display: none;
}


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


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

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.