Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 15, 2016 at 2:15 pm #598379
    Roger

    Hello,

    In a Text-Block on some pages on my site I want a padding-left and padding-right with a value of 10% ( or so) when viewed on a computer screen. On mobile devices or smaller screens I do not want this padding.
    Just like a single blog is behaving.
    I think I can achieve this with an extra css class.

    Could you give me a start with it?

    March 15, 2016 at 2:34 pm #598390
    Günter

    Hey Roger!

    Thank you for using our theme.

    If you have only some pages – each page has a unique ID and in the <body> tag you find a class like:

    page-id-734

    You can use this as a first parameter in the selector list to limit changes to that page only, e.g.

    
.page-id-734 #main p{
  padding: 10px  ! important;
}

    You will also need media query like:

    
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

    See custom.css for more details.

    Hope, this will help you as a start.

    Best regards,
    Günter

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