Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2865884
Page width
Closed

Comments

  • andrewsgibson started the conversation
    September 6, 2021 at 2:05pm

    Is there a way to set the page width to 900 pixels when there's no sidebar? The left side of the menu needs to align with the left side of the text. Here's an example page where I'd like that to happen:

    http://mastering-lightroom.com/about/

    I'm using Soledad Simple Blog.

    Thanks,

    Andrew

  •  2,492
    PenciDesign replied
    September 6, 2021 at 4:07pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    @media only screen and (min-width: 1170px) {
        .penci_is_nosidebar #main {
            width: 900px;
            margin: 0 auto;
        }
    }

    Regards,
    PenciDesign.

  • andrewsgibson replied
    September 7, 2021 at 7:32am

    Thanks, that worked for the page content, but is there a way to get the menu to line up as well on the left side? 

    http://mastering-lightroom.com/about/

  •  2,492
    PenciDesign replied
    September 7, 2021 at 7:34am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    @media only screen and (min-width: 1170px) {
        #navigation .container {
            width: 900px;
            margin: 0 auto;
        }
    }

    Regards,
    PenciDesign.


  • andrewsgibson replied
    September 7, 2021 at 8:24am

    I tried that and it resets the menu width on every page including the home page and single posts. I need it to work on single pages only. I don't mind entering a different CSS code snippet for every page with the page ID if that's what it takes.

    Thanks,

    Andrew

  •  2,492
    PenciDesign replied
    September 7, 2021 at 8:49am

    Hi,

    Please modify the CSS to work for the single post:

    @media only screen and (min-width: 1170px) {
        body.single #navigation .container {
            width: 900px;
            margin: 0 auto;
        }
    }

    Regards,
    PenciDesign.



  • andrewsgibson replied
    September 7, 2021 at 9:18am

    Thanks, but I need it work for pages not single posts.

  •  2,492
    PenciDesign replied
    September 7, 2021 at 9:32am

    Hi,

    The following code will apply the single page only:

    @media only screen and (min-width: 1170px) {
    body.page #navigation .container {
        width: 900px;
        margin: 0 auto;
    }
}

    Regards,
    PenciDesign.


  • andrewsgibson replied
    September 7, 2021 at 9:34am

    Thanks, that worked perfectly!