How do I change the colour of the Pill Menu in Siteground J16-41?
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
- Riff88
- Joomla! Enthusiast
- Posts: 160
- Joined: Sat Sep 26, 2009 2:14 pm
- Location: South Africa
How do I change the colour of the Pill Menu in Siteground J16-41?
Hallo,
How do I change the colour of the Pill Menu in Siteground J16-41?
Thank you.
How do I change the colour of the Pill Menu in Siteground J16-41?
Thank you.
-
- I've been banned!
- Posts: 13639
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
What does the colour of the pill menu look like on your website? A link to your website would be helpful.
Alternatively, you can experiment with different colours using a web designer's tool like Firebug for Firefox.
Alternatively, you can experiment with different colours using a web designer's tool like Firebug for Firefox.
- Riff88
- Joomla! Enthusiast
- Posts: 160
- Joined: Sat Sep 26, 2009 2:14 pm
- Location: South Africa
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
sorry, it's www.stemcellsforriaan.co.zasozzled wrote:What does the colour of the pill menu look like on your website? A link to your website would be helpful.
Alternatively, you can experiment with different colours using a web designer's tool like Firebug for Firefox.
-
- I've been banned!
- Posts: 13639
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
Do you want to change the background colour only, or do you want to change the font colour only, or do you want to change both the background colour and the font colour?
- Riff88
- Joomla! Enthusiast
- Posts: 160
- Joined: Sat Sep 26, 2009 2:14 pm
- Location: South Africa
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
I just want to change the background - the green area.sozzled wrote:Do you want to change the background colour only, or do you want to change the font colour only, or do you want to change both the background colour and the font colour?
- ribo
- Joomla! Virtuoso
- Posts: 3507
- Joined: Sun Jan 03, 2010 8:47 pm
- Contact:
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
As i see there are two images and not css colour
You must change the backround images
Code: Select all
#sgmenu ul.menu li a span {
background: transparent url("../images/but_r.jpg") no-repeat scroll right center;
float: left;
padding: 0 15px 0 5px;
Code: Select all
#sgmenu ul.menu li a, #sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited {
background: transparent url("../images/but_l.jpg") no-repeat scroll left center;
color: #fff;
cursor: pointer;
display: block;
float: left;
font-family: Tahoma,Verdana,sans-serif;
font-size: 11px;
font-weight: 700;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0 10px;
chat room spontes : http://www.spontes.com
-
- I've been banned!
- Posts: 13639
- Joined: Sun Jul 05, 2009 3:30 am
- Location: Canberra, Australia
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
OK, this is one method to change the background colour. You need to add these CSS rules:
This will replace the background image with a textured background defined by the values #63767a (top) and #293f50 (bottom). Make sure you test this on several different web-browsers.
If you want to do something a little extra you could also add:
Code: Select all
#sgmenu a {
padding: 0 !important;
}
#sgmenu a > span {
background: rgba(0, 0, 0, 0) linear-gradient(#63767a, #293f50) repeat scroll 0 0 !important;
border-radius: 4px;
margin-right: 10px;
padding: 0 10px !important;
}
If you want to do something a little extra you could also add:
Code: Select all
#sgmenu a > span:hover, #sgmenu li.active > a > span {
background: rgba(0, 0, 0, 0) linear-gradient(#ebdea7, #ff0000) repeat scroll 0 0 !important;
text-decoration: none !important;
}
- Riff88
- Joomla! Enthusiast
- Posts: 160
- Joined: Sat Sep 26, 2009 2:14 pm
- Location: South Africa
Re: How do I change the colour of the Pill Menu in Siteground J16-41?
Thank you very much, sozzled!