Enlarge Photos HTML Cubic Theme Help

• 

  sergesautosales · Member · Nov 14, 2015 at 1:14 am

  • Copy link
  • Add topic to favorites

  Trying to get my photos (posted by copied html) to show larger in each post…Any help greatly appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 14, 2015 at 5:51 am

  • Copy link

  Hi there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. This increases the content width from 768px to 968px. You will also have to go to Media Width below the CSS area and look at the default width shown there and add 200px to it. If you decide to adjust the max-width value, just make sure to increase the Media Width by the same amount over the original 768px.

  .entry-author, .entry-content, .entry-footer, .wp-caption.caption-big, .image-big {
      max-width: 968px !important;
      width: 100% !important;
  }

• 

  sergesautosales · Member · Nov 14, 2015 at 1:38 pm

  • Copy link

  I spend 3 hours trying to figure out what you did in 3 seconds…

  THANK YOU!!

  QUICK ADJUSTMENT QUESTIONS:

  The now larger html photos aren’t centered anymore and on the left. Any recommendations to adjust?

  The lead media photo shows full widescreen side to side. The html photos are bigger but not as big/full screen. How can I adjust to get the html photos to show as large as the lead media photo?

  thank you again!

• 

  thesacredpath · Member · Nov 16, 2015 at 5:18 pm

  • Copy link

  Cubic will pull certain image insertions (alignments) to the left outside of the left margin to give things a bit of a different look. We can change that though by adding the following CSS.

  .wp-caption.caption-big, .image-big {
  margin-left: 0;
  }