This topic has 5 replies, 2 voices, and was last updated 7 years by Kieran_SQ.

  • Author
  • #169588
     libertbook
    Participant
    COPY CODE
    <span lang="en">Hello,
    How do I make a page in 100% width. But it's just a page from my site not everything.</span>
    #169684
     Kieran_SQ
    Moderator

    Hi,

    You can use the below CSS to make a specific page’s main content full width. You will need to get the page ID which you can get by going to pages and hovering over the page you want the ID for, look to the bottom left in the browser and you’ll see a URL with a string, the number after page= is the number you will need.

    .page-id-000 #main .row {min-width: 100% !important;}

    Replace 000 with your desired page ID

    Thanks,

    Kieran.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #169706
     libertbook
    Participant

    I tried it does not work

    #169708
     Kieran_SQ
    Moderator

    Hi,

    Please confirm to me where did you enter the CSS, which page (URL) was the CSS for and which page ID did you use?

    Thanks,

    Kieran.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

    #169920
     libertbook
    Participant

    I put it in the css style page
    Here is the url: http://www.libertbook.com/libertcam
    And here is ID: 1196

    #170071
     Kieran_SQ
    Moderator

    Hi,

    I added the below CSS to your child theme and the page is now full width.

    .page-id-1196 #main .row {min-width: 100% !important;width: 100% !important;}

    Thanks,

    Kieran.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?