Joomla Templates Club 406,261 posts

[sw82 Friend sw82Join date: June 2012Posts: 44Downloads:0Uploads:8 Thanks: 11 Thanked: 1 times in 1 posts]

#178911

Hi I have changed the colours of the links in the site and now am trying to figure how to change the colours of the links in the modules.

For example in the main mega menu the links are still blue and I would like to change them to a different colour. Also in the photo gallery/bestsellers/newsfrontpage etc I would like to change them colours too.

Site: http://www.hairdetective.co.uk

I would like to know the place where to edit this. Thanks

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460259

<em>@sw82 329173 wrote:</em><blockquote>Hi I have changed the colours of the links in the site and now am trying to figure how to change the colours of the links in the modules.

For example in the main mega menu the links are still blue and I would like to change them to a different colour. Also in the photo gallery/bestsellers/newsfrontpage etc I would like to change them colours too.

Site: http://www.hairdetective.co.uk

I would like to know the place where to edit this. Thanks</blockquote>

Blue links on the ‘child’ items comes from the code in templates/ja_teline_iv/css/menu/mega.css at line 75

.ja-megamenu ul.level1 li.mega a.mega {

• border: 0;
• border-bottom: 1px dotted #CCC
• background: none;
• padding: 7px 12px 6px 5px;
• margin: 0;
• color: #069 < change to your colour
• text-transform: none;
• font-weight: bold;
• font-size: 100%;

}

Can you point out exactly what else (with an image?) you are looking to adjust?

[sw82 Friend sw82Join date: June 2012Posts: 44Downloads:0Uploads:8 Thanks: 11 Thanked: 1 times in 1 posts]

#460266

Hi this is great thanks. I was looking inside the joomla admin to edit menu.css it but now I realize that I have to do this manually from ftp.

How would I edit the tabs module and the custom module etc see pic

Thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#460302

Hi sw82,

So how would you want to edit? If you want edit content, you can go to Backend>Module manager, these are custome HTML and ja_bulletin module in ja-tab1 and ja-tab2 position. If you wanna change css, you can use an editor like Firebug, it specifies which files you should make changes.

[sw82 Friend sw82Join date: June 2012Posts: 44Downloads:0Uploads:8 Thanks: 11 Thanked: 1 times in 1 posts]

#460329

HI, it was the colours of the tabs which I would like to change.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#460335

and how do you wanna change, some screenshot will make this easier.

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460340

<em>@sw82 329265 wrote:</em><blockquote>HI, it was the colours of the tabs which I would like to change.</blockquote>

If it is just the colour then you need to look at the code in plugins/system/jatabs/jatabs/themes/teline_iv/style.css at line 82

.teline_iv .container .ja-tabs-title-top ul.ja-tabs-title li.active {

• border-top: 5px solid #069 < change the colour here!

}

If you download Google Chrome (or Firefox & Firebug) then you will be able to find all the code and where it is just by right clicking on the element you want to know about and Chrome will show you where. Will help you learn and also save you time waiting for someone to answer on the forum. 🙂

And I suggest that you download and use akeeba backup!!

Hope that helps you going forward!

---

Attachments:

1. 

1 user says Thank You to swissa for this useful post

1. sw82

[sw82 Friend sw82Join date: June 2012Posts: 44Downloads:0Uploads:8 Thanks: 11 Thanked: 1 times in 1 posts]

#460388

I have downloaded firebug and I highlighted the section I would like to change the colour and I can see margins etc but not a place to change the colour like in your screenshot. I will attach my screenshot. I scrolled down and could not find the colour code #069.

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#460467

From your screenshot, if you come down one more position to <li class=”first active….. etc” you should then see the colour code – line 82 as mention before.

Hoep that helps

1 user says Thank You to swissa for this useful post

1. sw82

[Author]

Posts