Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • aalisg Friend
    #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 3 years, 4 months ago by  aalisg.
    • This topic was modified 3 years, 4 months ago by  aalisg.
    timtecsa Friend
    #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
    #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
    #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 3 years, 4 months ago by  timtecsa.

    1. libg
    Pankaj Sharma Moderator
    #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

    aalisg Friend
    #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
    #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

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 6 replies, has 3 voices, and was last updated by  Pankaj Sharma 3 years, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum