• Hi there,

    I want to find out if it is possible to change the width of the homepage ONLY? Currently it is at full width and spans the whole screen, but the css I added affects the whole site.

    Is there a way to set the home screen width to full but leave the other pages as is?

    Thanks in advance for the help!

Viewing 15 replies - 1 through 15 (of 15 total)
  • Lisa

    (@workingwebsites)

    Could you post a link to your site?

    Guessing here…

    You would need to change:

    CONTENT
    #content.homepagecontent {
    max-width: 700px;
    }

    SLIDER (if you have one, and it’s only on the home page)
    #imageslider.container {
    max-width: 700px;
    }

    Note:
    – Change 700px to the width you want.

    – Use max-width because it is a responsive theme. If you use ‘width’, it will lock in at that size even in smaller screens, which isn’t what you want.
    ‘max-width’ ensures it can get smaller, but not larger.

    .home .container {
    width:100%;
    }

    Try that ^ else posting a link would be best.

    Kadence Themes

    Thread Starter selbers

    (@selbers)

    Thanks for the advice!

    Unfortunately neither of the codes work 🙁

    At the moment, I have the following in my css which is changing the entire site width:

    @media (min-width: 1200px) {
    .container {
    width: 110%;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 133px;
    }

    The width is perfect for the homepage, but I don’t want it to affect the other pages. Is there a solution?

    My site: http://tastebuddy.co.za/

    Please ignore the total mess it is in at the moment:) The homepage will consist of only images, so the text that is stretched across the screen will be removed. Sorry for not posting a link sooner, I have kept it in maintenance mode until now.

    Thanks again for your help!

    thanks mate !

    It’s the width perfect for my homepage in decodificadoresiris.com/ but it’s perfect only for my home !

    The other pages are fine 🙂

    Lisa

    (@workingwebsites)

    selbers,
    Your site is in maintenance mode, could you turn that off so we can see to help?

    selbers, did you remove your css and add in mine as a replacement?

    Kadence Themes

    Thread Starter selbers

    (@selbers)

    Hi guys!

    Sorry for the delayed reply, I somehow missed your previous messages.

    I managed to accomplish what I wanted to do simply by using Page Builder. I made a whole lot of extra work for myself by going into the css side of things and this was mostly unnecessary as I mainly wanted my images to span the width of the screen, not necessarily the text and other content.

    I greatly appreciate your help though, and sorry for making unnecessary work for you!

    Have a great day 🙂

    Suné

    Glad to hear you got this working.

    Kadence Themes

    ppokah0111

    (@ppokah0111)

    Hello everyone,

    I am building a conference website and having a problem with my content width. Can someone please help, http://www.ieedc.com.

    how to increase my content width in wordpress?

    Thanks in advance

    Great!

    For more informations you can visit dischetti depilatori!

    • This reply was modified 8 years, 10 months ago by sarahwonder.

    Nice post! Read me on braccialettifluo.com!

    • This reply was modified 8 years, 10 months ago by sanji88.

    Fantastico!

    Per maggiori informazioni puoi visitare il sito di bombole

    Un saluto!

    Ciao a tutti,

    Andate a visitare il mio sui cappelli di Natale.

    Grazie in anticipo!

    La larghezza è perfetta per la home page, ma non voglio che intralci le altre pagine. C’è una soluzione?

    Il mio sito: http://www.cappellodibabbonatale.com

    Per favore non fate caso alla confusione che c’è ora sul sito 🙂 La homepage sarà formata di sole immagini, quindi il testo che copre la pagina sarà rimosso. Scusate per non aver espresso prima questo dubbio.

    Hello nataleomani,

    Please start a new topic with you support query.

    Thanks,
    Kevin

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Changing homepage page width only’ is closed to new replies.