Home background image also on other pages?

Forums    Joomla Templates Club    JA Muzic    Home background image also on other pages?
Viewing 15 posts - 16 through 30 (of 35 total)
1 2 3
  • Author
    Posts
  • tresoar Friend
    July 20, 2015 at 12:58 pm #644322

    I don’t understand what you mean.
    I tried this code in my custom.css body {
    color: #414141
    font-size: 14px;
    line-height: 25px;
    background: url(“/images/home-bg.jpg”)
    }
    That doens’t work. I don’t see an image. If I leave the backgroundcolor out, then my blue background color turns to grey.

    Firebug shows me this code:

    .home-feature {
    background: #000 url(“../../../images/home-bg.jpg”) no-repeat scroll center bottom / cover ;
    padding: 36px 0;
    }

    It think i have to do something with this code to show this image that I see on the homepage http://swalk.nl/templates/ja_muzic/images/home-bg.jpg on every page.

    It’s not about not ‘looking good’, i see no image at all on the other pages then the homepage.

    tresoar Friend
    July 20, 2015 at 12:58 pm #742955

    I don’t understand what you mean.
    I tried this code in my custom.css body {
    color: #414141
    font-size: 14px;
    line-height: 25px;
    background: url(“/images/home-bg.jpg”)
    }
    That doens’t work. I don’t see an image. If I leave the backgroundcolor out, then my blue background color turns to grey.

    Firebug shows me this code:

    .home-feature {
    background: #000 url(“../../../images/home-bg.jpg”) no-repeat scroll center bottom / cover ;
    padding: 36px 0;
    }

    It think i have to do something with this code to show this image that I see on the homepage http://swalk.nl/templates/ja_muzic/images/home-bg.jpg on every page.

    It’s not about not ‘looking good’, i see no image at all on the other pages then the homepage.

    Pankaj Sharma Moderator
    July 20, 2015 at 1:09 pm #578032

    Hi
    You have added wrong image path ,
    use the below code


    body {
    color: #414141
    font-size: 14px;
    line-height: 25px;
    background: url("/templates/ja_muzic/images/home-bg.jpg");
    background-size: 100%;
    }

    the image is on repeat , if you will add no-repeat then image will not comes on whole pages due to its size .

    Pankaj Sharma Moderator
    July 20, 2015 at 1:09 pm #644323

    Hi
    You have added wrong image path ,
    use the below code


    body {
    color: #414141
    font-size: 14px;
    line-height: 25px;
    background: url("/templates/ja_muzic/images/home-bg.jpg");
    background-size: 100%;
    }

    the image is on repeat , if you will add no-repeat then image will not comes on whole pages due to its size .

    Pankaj Sharma Moderator
    July 20, 2015 at 1:09 pm #742956

    Hi
    You have added wrong image path ,
    use the below code


    body {
    color: #414141
    font-size: 14px;
    line-height: 25px;
    background: url("/templates/ja_muzic/images/home-bg.jpg");
    background-size: 100%;
    }

    the image is on repeat , if you will add no-repeat then image will not comes on whole pages due to its size .

    tresoar Friend
    July 20, 2015 at 1:48 pm #578036

    Thanks. Now I see a background image. Is there a way to show the image on every page except on the homepage because there alreay is a background image?:)
    On smaller screens the image must not show. How can I achieve that?

    tresoar Friend
    July 20, 2015 at 1:48 pm #644327

    Thanks. Now I see a background image. Is there a way to show the image on every page except on the homepage because there alreay is a background image?:)
    On smaller screens the image must not show. How can I achieve that?

    tresoar Friend
    July 20, 2015 at 1:48 pm #742960

    Thanks. Now I see a background image. Is there a way to show the image on every page except on the homepage because there alreay is a background image?:)
    On smaller screens the image must not show. How can I achieve that?

    Pankaj Sharma Moderator
    July 20, 2015 at 1:59 pm #578039

    Hello
    To remove the body bg image from the homepage use this code in custom.css


    .home body {
    background: none;
    }

    To apply css i different screen size use media queries as given here

    Pankaj Sharma Moderator
    July 20, 2015 at 1:59 pm #644330

    Hello
    To remove the body bg image from the homepage use this code in custom.css


    .home body {
    background: none;
    }

    To apply css i different screen size use media queries as given here

    Pankaj Sharma Moderator
    July 20, 2015 at 1:59 pm #742963

    Hello
    To remove the body bg image from the homepage use this code in custom.css


    .home body {
    background: none;
    }

    To apply css i different screen size use media queries as given here

    tresoar Friend
    July 20, 2015 at 2:13 pm #578041

    I will look into the css link.
    The code .home body {
    background: none;
    } doens’t do the job :((

    tresoar Friend
    July 20, 2015 at 2:13 pm #644332

    I will look into the css link.
    The code .home body {
    background: none;
    } doens’t do the job :((

    tresoar Friend
    July 20, 2015 at 2:13 pm #742965

    I will look into the css link.
    The code .home body {
    background: none;
    } doens’t do the job :((

    Pankaj Sharma Moderator
    July 21, 2015 at 1:17 am #578083

    HI
    I checked it myself it should work . Add the code in custom.css , clear cache and check , BG image will not come on homepage body .
    Provide a complete page screenshot if its showing on your end .

  • Author
    Posts
Viewing 15 posts - 16 through 30 (of 35 total)
1 2 3

This topic contains 35 replies, has 2 voices, and was last updated by  tresoar 9 years, 3 months ago.

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

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories