Making Blog entry wider with the Custom CSS Upgrade

• 

  jorgeledesma · Member · Sep 3, 2014 at 12:23 am

  • Copy link
  • Add topic to favorites

  Hello,

  I purchased Basis and the CSS upgrade and I’m made my

  div.entry.basis-list {width: 78.89362%;}

  but my images within the post are not spanning the NEW full width of the post they are still scaling to the default width which I think is 68%. How can I make my images span the NEW full width of my post entries.

  Here’s a post sample: http://ledesmaphotography.com/2014/08/10/mehrdad-samak-abedi-joins-the-origami-collective/

  Thanks,
  J

  The blog I need help with is ledesmaphotography.com.

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

• 

  hallluke · Member · Sep 3, 2014 at 1:38 am

  • Copy link

  The images are set to a certain size by your theme, have you tried changing the content width box on the CSS tab from the customise menu to 742px – this is the new maximum width of your site when you increase the width. Let me know if it works.

  I couldn’t help but notice that your footer is too tiny to read, you can change it with CSS but it’s against the terms of service to make it illegible like this so you might want to make it slightly bigger (and maybe lighten the text if you want it to be less eye-catching) like so:

  .fine-print, ,fine-print a {
    font-size:0.5rem;
    color:#ccc;
  }

• 

  jorgeledesma · Member · Sep 3, 2014 at 1:46 am

  • Copy link

  Thanks, I just changed to 742px as suggest but I don’t have any other css to accompany this and I refreshed cached and noticed its still at 610px when I check. I’m dumbfounded as to why its not expanding. Thanks in advance.

  Thanks for the footer, I just put your code snippet and its back to normal.

• 

  jorgeledesma · Member · Sep 3, 2014 at 1:49 am

  • Copy link

  Changed it again to 762px wide and nothing. Could this be a bug on this theme. Thanks

• 

  hallluke · Member · Sep 3, 2014 at 2:06 am

  • Copy link

  It looks like the code you first posted has not been saved, try adding this back in to your custom CSS:

  div.entry.basis-list {width: 78.89362%;}

  And then regular images like the one in this post should expand to fit the new content area width. The other post you linked to features gallery images, I’m not sure what you’d have to do to modify these as they don’t seem to change and I’m not familiar enough with them to know if this is a bug or something that can be adjusted.

• 

  jorgeledesma · Member · Sep 3, 2014 at 2:47 am

  • Copy link

  Thanks I got it working at 68% !!