Joomla Templates Club 406,261 posts

[creativedesigns Friend creativedesignsJoin date: April 2012Posts: 100Downloads:0Uploads:7 Thanks: 18]

#175959

Hi, I am wondering – on the Travel template, below the module names, there is like a line with an arrow below it.
I have managed to find out how to change the color of the arrow, but unfortunately, can’t find where to change the color of the line.. Any idea where I can edit this?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#447885

You know the drill . . . .

So that I may best try to assist you and provide you with concise guidance as to what you need to do within your template/site structure, please provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General Settings.

😎

[creativedesigns Friend creativedesignsJoin date: April 2012Posts: 100Downloads:0Uploads:7 Thanks: 18]

#447894

Sorry Tom. Figured because I put it under the Travel template that there might be a set place to change it 🙂
Here is the URL.. http://www.creative-designs.co.za/2012-travel/
Optimize is off 🙂

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#447918

The line is actually a ‘border” created via a CSS property . . .

Within the following file path –> /templates/ja_travel/css/template.css

at line 813, you will see the following:

#ja-topsl div.ja-moduletable h3 span, #ja-topsl1 div.ja-moduletable h3 span {
border-bottom: 2px solid #F24A6F;
display: block;
padding-bottom: 3px;
}


This is where you can change the color of the “line” under those module title names.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. creativedesigns

[creativedesigns Friend creativedesignsJoin date: April 2012Posts: 100Downloads:0Uploads:7 Thanks: 18]

#447962

Thanks Tom, that was super helpful. I also found that to change the color of the OTHER lines, I would need to edit the color that was on line 70 of the template.css file in the dark blue theme folder.

🙂
All sorted now! YAY!

[Author]

Posts