Recent
Categories
View Replies (3)

Fixing Semi-Transparent Header on Ensley Template

  1. Issue
0
Votes
Undo
  1. smithjd44
    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
Responses (3)
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)....

.hornav > ul > li > a {

    text-transform: capitalize;

    font-weight: bold;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
smithjd44
smithjd44
Sherlock Holmes
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
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
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!

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