Modify the padding/margins of Singl’s Container/Row Blocks

  • Hi,

    I am trying to identify what the actual element it is that acts as the container for inserting rows and thus, my content. By default, the Singl theme makes a big white rectangular block as a container for each row for inserting content. I am looking through the style.css file to find it so I can reduce the padding or margin as it is too thick on all sides and I need to modify that. Where in Singl’s style.css file can I find this info? Or, what is the best method for modifying these blocks or making them transparent?

    The website:
    https://www.lolamontezband.com

    Thank you,
    Blake

    • This topic was modified 7 years, 6 months ago by blakesco.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Add to your custom css plugin.

    .page-header, .page-content, .hentry {
   margin: 0 auto 40px auto;
    padding: 10px 10px 10px 10px;
}
    • This reply was modified 7 years, 6 months ago by webkong.
    Thread Starter blakesco

    (@blakesco)

    Thanks for the help webkong but Pasting and modifying the pixel size in that code only adjusted my instagram widget inside it and not the actual white box except for one side which only repsonds to bigger dimensions. I am still unable to reduce the size/padding/margins of the white box around my widgets in the Singl theme.

    Would Web Developer tools be a good idea?

    Hi blakesco,

    You’ll need to adjust the width of these items:

    .page-header,
.page-content,
.hentry {
    width: 720px;
}

    The default is 720px, but you can try something like 680px.

    Also, you can add the CSS above and any other CSS via Dashboard > Appearance > Additional CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modify the padding/margins of Singl’s Container/Row Blocks’ is closed to new replies.