Joomla Templates Club 406,261 posts

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1075408

Hello,

We are developing a website using Joomla! 3.8.2 and Ja OnePage template. We noticed that on wide screens the left margin under logo and main nav bar makes the website look really bad so we are wondering if we could completly remove it.

Please take a look at this picture to understand what we mean: https://prnt.sc/hcz9bl

Can you please help us to do so?

Regards

• This topic was modified 7 years ago by  aalisg.
• This topic was modified 7 years ago by  aalisg.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#1075498

Your homepage should not have any left column. Other pages usually do include a left margin.

http://printpartnerhk.com/
http://printpartnerhk.com/2012-12-25-07-32-16/label-printing

Did you build using quickstart ? Can I see the site on line ?

Tim
(Le Touquet)

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1075500

Hello and thank you for your reply,

Yes we built our website using Quickstart. You can see the website online here.

Regards

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#1075509

} template.css:3366 .hero-unit { background-image: url(../../../images/themes/metro/header_bg.gif); background-repeat: no-repeat; background-position: center top; }

Using Inspect Element I just edited the .hero-unit bg image to "center" which seems to do the trick. So a custom css entry as follows should work.

}
.hero-unit  {
background-position: center top;
}

• This reply was modified 7 years ago by  timtecsa.

---

Attachments:

1. 

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

#1075554

Hi
Open templates/ja_onepage/css/themes/metro/template.css
Find

.hero-unit {
    background-image: url(../../../images/themes/metro/header_bg.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

replace it with

.hero-unit {
    background-image: url(../../../images/themes/metro/header_bg.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

Save and check.

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. timtecsa

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#1075706

Hello and thank you for your reply,

Yes it works. But we are afraid that this template modification will not support template updates. Is there a way ton make this modification through the customm.css file which is suposed to resist template updates?

Regards

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

#1075763

Hi
Kindly open
template local folder and paste it like below path to make an override.
Open templates/ja_onepage/local/css/themes/metro/template.css
It will not be overridden on template update.
if you want you can also add this code in custom.css file

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. timtecsa

[Author]

Posts