Expand Margins Dyad Theme

jaristark123 · Member · Mar 4, 2016 at 5:36 pm
Copy link

Add topic to favorites
Hello,
I want to expand the margins on the dyad theme so that I can fit five pictures that are each 187×180 on one line. I want the same margins as on the Suits theme and need a CSS for this. Can anyone help?

The blog I need help with is: (visible only to logged in users)
timethief · Member · Mar 4, 2016 at 5:38 pm
Copy link
The site linked to your wordpress.COM username as your Primary Site does not appear to be the site you refer to. What is the exact URL starting with http:// of the site you refer to please?

I’m asking because we cannot accurately answer questions posted here until we have confirmed the URL referred to and verified the hosting. And, that is why we are all prompted to provide the relevant URL when we create a new thread.
jaristark123 · Member · Mar 4, 2016 at 5:41 pm
Copy link
The website i need help with is:
http://thechicpeak.com
timethief · Member · Mar 4, 2016 at 5:47 pm
Copy link
Okay so now I see you have changed the theme to Dyad and the set up instructions including site dimensions are under Quick Specs (all measurements in pixels) here: https://wordpress.com/themes/dyad/

See here please > http://en.support.wordpress.com/visual-editor/#alignment and here https://en.support.wordpress.com/images/image-alignment/#side-by-side

I don’t help with CSS editing please be patient while waiting.
thesacredpath · Member · Mar 15, 2016 at 4:15 am
Copy link
@jaristark123, we can do this for wider screens, but at about 1024px in screen/window width, things go awry in a bad way with the titles starting to break in the middle of works, and the content text becomes very narrow and very hard to read. The following Media Query gives you 5 across down to 1100px in screen/window width. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.
```
@media screen and (min-width: 1100px) {
  .blog .container, .blog .nav-links, .blog .boxed-blog .featured-slider-wrap, .blog .boxed-single .site-content {
    max-width: 100%;
  }
  .blog .grid-wrapper .post {
    max-width: 20%;
  }
}
```
I’ve limited this to only your main page.

No items found.