Page width on home page not the same as blog or shop widths

This topic has 8 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

  • Avatar: nathanphilpott
    nathanphilpott
    Participant
    October 12, 2015 at 16:44

    Hello,

    I can’t seem to work out why the content on my home page seems to sit centred on the page with a boarder down the sides of the page. Where as the content on my blog and shop page stretches the width of the browser and so to does the image on the header of the blog, I would like to make the content on my home page as wide as the .

    Plus is there a way to extend the spacing in between the links in the main nav menu?

    Thanks,

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    October 13, 2015 at 08:46

    Hello,

    Try to use this code in 8Theme Options > Styling > Custom CSS > Custom CSS for desktop:

    .container {
        width: 1250px;
    }

    Best regards,
    Jack Richardson.

    Avatar: nathanphilpott
    nathanphilpott
    Participant
    October 15, 2015 at 18:35

    Thanks that great!! Is there a way that i’m able to get the large thumb nail layout on the shop page on the home page ?

    Thanks,
    Nathan

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 16, 2015 at 08:13

    Hello,

    Do you want to increase product images sizes only on home page or on Shop page too?

    Regards,
    Eva Kemp.

    Avatar: nathanphilpott
    nathanphilpott
    Participant
    October 16, 2015 at 17:39

    I would like to increase the product images on the home page to the same size as the current product images on the shop page if possible ?

    Thanks,
    Nathan

    Avatar: Eva
    Eva Kemp
    Support staff
    October 17, 2015 at 09:50

    Hello,

    Do you mean you want images to have the same sizes as on single product pages?
    Please show a link of your Shop page.

    Regards,
    Eva Kemp.

    Avatar: nathanphilpott
    nathanphilpott
    Participant
    October 17, 2015 at 19:32

    Hi Eva,

    Sorry, What i’m trying to achieve is I would like the same size large product thumbs on my shop page http://www.custhom.co.uk/shop/shop/ to be the same as the product thumbs halfway down my home page http://www.custhom.co.uk/shop/

    Thanks,
    Nathan

    Avatar: Eva
    Eva Kemp
    Support staff
    October 19, 2015 at 08:09

    Hello,

    Please try to use this code in Global Custom CSS:

    .product .product-image-wrapper img {
      width: 100%;
    }

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.