Jump to content


Photo
- - - - -

'Projects' width/background issue


Best Answer Danny , 05 August 2013 - 11:18 AM

If this is custom CSS, remove it.

 

#page .section-projects .content {
max-width: 100%;
}
 
If it isn't custom CSS add the following to your custom code.
 
#site .section-projects .content {
max-width: 960px;
}
 
Also, in future if this section is a third party store section, please post in the correct forum. We do not provide support for third party sections.
Go to the full post


  • Please log in to reply
7 replies to this topic

#1 dreamsight

dreamsight

    Super Member

  • Members

  • 209 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 21 March 2013 - 12:12 PM

Hello peeps, my issue is that I'm building a WP page for the company,  I've added the 'projects' section on the site to show a portfolio of the sites we've built over the years but its bought a width with it that spills out of the content and into the background. 

Please Login or Register to see this Hidden Content



I've played around with the CSS on Firebug with Chrome and managed to fix the issue, (temporarily on the browser) by changing the max width from 100% to this: 


 
#page .section-projects .content {
max-width: 71.4%;
}
 
However when i add this code to the Style.Css, nothing changes? 


#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 21 March 2013 - 12:29 PM

Hello Dreamsight 

 

i got this when i went to your site 

Please Login or Register to see this Hidden Content



#3 dreamsight

dreamsight

    Super Member

  • Members

  • 209 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 21 March 2013 - 12:53 PM

ah really, okay i'm looking into this right now. I'll post again when it's fixed.



#4 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 21 March 2013 - 01:31 PM

Ok thanks for the update 



#5 dreamsight

dreamsight

    Super Member

  • Members

  • 209 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 05 August 2013 - 10:11 AM

sorted it a while ago, forgot about this post however!
so i had managed to resolve this until my colleague noted that in his browser the width was different to mine, probably because i had used a % in the custom CSS.

any new ideas to get the width of projects to fit the content?

Please Login or Register to see this Hidden Content



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15848 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 August 2013 - 11:18 AM   Best Answer

If this is custom CSS, remove it.

 

#page .section-projects .content {
max-width: 100%;
}
 
If it isn't custom CSS add the following to your custom code.
 
#site .section-projects .content {
max-width: 960px;
}
 
Also, in future if this section is a third party store section, please post in the correct forum. We do not provide support for third party sections.

  • dreamsight likes this

#7 dreamsight

dreamsight

    Super Member

  • Members

  • 209 posts
  • LocationCheltenham
  • Framework Version:Developer
  • Country: Country Flag

Posted 05 August 2013 - 12:06 PM

scholar and a gent, thanks.



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 August 2013 - 02:21 PM

I'm glad Danny could help you.