Page content centre align

Home Forums All Other Themes Page content centre align

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #166688
    marc.debodtmarc.debodt
    Participant
    • Topics: 10
    • Replies: 33
    • Total: 43
    Member since: November 20, 2018

    Hi,

    I’m using the Psychology Theme on www.groepspraktijkzuid.be.
    The content of all pages is center aligned. However it is not one page (www.groepspraktijkzuid.be/afspraak).
    How can I fix this, please?

    Kind regards,
    Marc

    #166769
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .middle-align { width:1170px;}

    Regards,
    Chris

    #166772
    marc.debodtmarc.debodt
    Participant
    • Topics: 10
    • Replies: 33
    • Total: 43
    Member since: November 20, 2018

    Thanks for replying, Chris

    but this doesn’t help. When I enter that CSS code the page www.groepspraktijkzuid.be/ons-team is squeezed and the pictures look like this.

    Kind regards,
    Marc

    #166774
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS:

    .site-main {
        width: 60%;
        float: none !important;
        margin: 0 auto;
    }

    Regards,
    Chris

    #166777
    marc.debodtmarc.debodt
    Participant
    • Topics: 10
    • Replies: 33
    • Total: 43
    Member since: November 20, 2018

    Thank you again,

    but no, that doesn’t center the content of the www.groepspraktijkzuid.be/afspraak page. Resuming: all pages should remain as they are, I only want the content of that Afspraak page centered.

    Kind regards,
    Marc

    #166783
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Remove CSS;

    .site-main {
        width: 60%;
        float: none !important;
        margin: 0 auto;
    }

    And replace;

    .site-main {
        width: 60% !important;
        float: none !important;
        margin: 0 auto;
    }

    Regards,
    Chris

    #166784
    marc.debodtmarc.debodt
    Participant
    • Topics: 10
    • Replies: 33
    • Total: 43
    Member since: November 20, 2018

    And that finally did it!

    Thanks a lot, Chris

    Kind Regards,
    Marc

    #166851
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Cool. Kindly give us a nice 5 star review here: https://www.trustpilot.com/review/sktthemes.org

    Regards,
    Shri

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.