Home Forums ePix Support Tamplate for Contact with reduced width

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #60553

    Andu
    Participant

    I would like to make a tamplate that has the width reduced than the normal pages for the contact.
    How can I do that?
    Or can i use a CSS code somewhere, but to be applyed only to the contact page(specific page)?

    #60556

    Andu
    Participant

    link:
    http://nuntafotografie.ro/contact/
    I want to restrict the gray until next text.

    #60560

    Andu
    Participant

    I have used CSS code in the page!

    body {
    background-image: url(“/wp-content/uploads/2015/01/imgname.jpg”);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: scroll;
    }

    But the scroll dosen’t whant to work…

    • This reply was modified 4 years, 7 months ago by  Andu.
    #60563

    Andu
    Participant

    Found the problem

    This works GREAT!

    body {
    background-image: url(“/wp-content/uploads/2015/01/2212_2.jpg”);
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    }

    #60564

    Andu
    Participant

    So I have now a custom bg img, but I would like to have the content width at 70% than normal

    #60601
    Andy
    Andy
    Keymaster

    Hi Andu,

    I unfortunately can’t help you too much with this as customizations are requested on the premium forum. Since you’re already on your way I’ll help you with this one.

    To target specific pages, look at the source code, search for the body tag and look out for the page id. In this cause your contact page is page-id-2068

    Therefore you would target the CSS for that page only with .page-id-2068 {}.

    If you want to target the width of the main area. The class is .main-wrap – therefore to change the max width for this page and the width of the main area it’s:

    .page-id-2068 .main-wrap {max-width:800px;}

    #60622

    Andu
    Participant

    Oh! Thank You!
    I will see how it works!

    #60623

    Andu
    Participant

    It works fine! 😀

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

You must be logged in to reply to this topic.

© 2019 Acoda