Jump to content


Photo
- - - - -
Resolved

Full Widthbackground Colour For Sections - Same As Included Carousel

full width background

  • Please log in to reply
12 replies to this topic

#1 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 14 November 2012 - 04:15 PM

I am wondering if there is some code i can use for full width areas for headers, or content areas, the same effect as when you add the carousel to the page. Is this possible?

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 November 2012 - 04:52 PM

You can adjust the header and content widths with Custom CSS. For further instructions on how to use Custom CSS for this customization, please see:

Please Login or Register to see this Hidden Content



#3 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 14 November 2012 - 08:38 PM

ok thanks, i have managed to add full background to the content sections, however i just want it to be applied to the first content section, yet i can find the id i have been testing some out, but nothing works. www.cheap-webdesigns.co.uk the code i am using is: #contentbox { padding:-35px; width:100%; background-color:#202020; box-shadow: 10px 10px 5px #000000;}

Also while we are here, is there any way i can get the content in this section only to go full width aswell? i have tried some coding such as content width but it doesnt work.

Thanks.

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 November 2012 - 08:53 PM

You're only using content box at the top of the page, so the selector #contentbox should work. You should try adding #page before #contentbox.

#5 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 14 November 2012 - 08:55 PM

ok thanks, two things, i have two content boxes on this page, so i need an id for the top one, but i cant locate it?

Secondly is there a code for making the content within this section full width..

#6 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 15 November 2012 - 05:46 AM

anyone?

#7 Danny

Danny

    Is Awesome!

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

Posted 15 November 2012 - 08:20 AM

I am not sure what you're trying to achieve, can you provide a link to the site in question and also an image showing the final design please.

#8 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 15 November 2012 - 08:55 AM

i have managed to add full background to the content sections within pagelines, however i just want it to be applied to the first content section which i am using for the slider

i cant find the id for the individual content box, as there are two on the homepage;

ww.cheap-webdesigns.co.uk

The code i am using is: #contentbox { padding:-35px; width:100%; background-color:#202020; box-shadow: 10px 10px 5px #000000;}

#9 Danny

Danny

    Is Awesome!

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

Posted 15 November 2012 - 09:09 AM

Well first of all, you're using a negative value in padding, padding doesn't support negative values, so there is no need for that to be added to your code.

You can use the following to style the ContentBox that is in your header.

Please Login or Register to see this Hidden Content


Also, you shouldn't use ID's for targeting sections, all sections have a class, you should use that instead.

#10 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 15 November 2012 - 09:48 AM

thats brilliant, thanks again, learning so much every day.

Once last question, is there a CSS rule i can apply to make the content of this section full width i.e just the content box, so that the slider within can be full width without affecting the sites content width?

thanks

#11 Danny

Danny

    Is Awesome!

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

Posted 15 November 2012 - 10:05 AM

Add the following, you may need to make changes to your slider settings to make it full width.


Please Login or Register to see this Hidden Content



#12 robdesigner

robdesigner

    Advanced Member

  • Members
  • 64 posts

Posted 15 November 2012 - 10:15 AM

thats brilliant, case closed.

#13 Danny

Danny

    Is Awesome!

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

Posted 15 November 2012 - 11:07 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, full width background