Joomla Templates Club 406,261 posts

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#170426

How can you replace the white border lines of the template with another image?

Example image :

---

Attachments:

1. 

[tfosnom Friend tfosnomJoin date: October 2010Posts: 742Downloads:0Uploads:31 Thanks: 145 Thanked: 200 times in 94 posts]

#424225

looking at the site url the lines are pinkish change this css declaration to what colour you want it
body, td, th {
color: #FFCCFF;
Shane

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

#424253

One of the culprits seems to be a css border

In template.css, at lines 791-796:


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main {
border-top: 1px solid #e7e8e9;
border-bottom: 1px solid #e7e8e9;
}


Change or remove the border color parameter.

The other culprit seems to be an image –> /templates/ja_erio/images/line.gif

In template.css, lines 798-808:


body .ja-r1 .main {
background: url(../images/line.gif) repeat-y left top;
}


.main .main-inner1 { margin-left: 0 !important; margin-right: 0 !important; }


#ja-main .inner {
background: url("../images/line.gif") repeat-y scroll 100% 0 transparent;
border-left: 1px solid #E7E8E9;
padding-top: 20px;
}


Either change/delete the background to “background: none;” and modify the border color (as in the first example above), or modify the image.

[Author]

Posts