Joomla Templates Club 406,261 posts

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#971018

Hi,

Can someone please let me know how i can remove the page border lines, i have attached a screenshot.

They appear on the right and between modules.

site: http://bgs.reviveit.com.au

Thanks

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#971032

Hi
Kindly turn off the CSS compression and clean Joomla cache so that I can suggest you the path to change the style code .

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#971064

Hi Pankaj, i have cleared the cache and turned off compression

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#971223

Hi
Go to /templates/ja_zite/css/template.css
Find this code

h1.componentheading, .componentheading {
    font-weight: normal;
    color: #333333;
    font-family: 'NovecentowideUltraLightBold';
    font-size: 350%;
    line-height: 1.1;
    border-bottom: solid 1px #ddd;
}

replace it with

h1.componentheading, .componentheading {
    font-weight: normal;
    color: #333333;
    font-family: 'NovecentowideUltraLightBold';
    font-size: 350%;
    line-height: 1.1;
    border-bottom: none;
}

then find this code

div.item-page {
    border-right: 1px solid #ddd;
    margin-top: 10px;
    padding-right: 20px;
}

replace it with

div.item-page {
    border-right: none;
    margin-top: 10px;
    padding-right: 20px;
}

After this find

div.ja-moduletable, div.moduletable {
    border-top: 1px solid #ccc;
}

replace it with

div.ja-moduletable, div.moduletable {
    border-top: none;
}

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#971676

Champion thank you!, 1 last question.. Is it possible to have different logo between large screen and small screen?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#971952

Hi
There is no option for this but you can try this tweak if it works well for your site
add below code at then end of template.css file and change the logo path with your logo image path

@media (max-width:468px) {h1.logo a {
    background: url(../templates/ja_zite/images/joomla.png) no-repeat left top;
    display: block;
    height: 80px;
    width: 92px;
}}

[Author]

Posts