sanjna Posted May 8, 2015 Share Posted May 8, 2015 Hi My homepage is an index page comprising of 3 pages. Im trying to change the background colour of just one of the page. I have tried several suggestions in various answers in the forum although none seem to work. I am using the following code which changes the colour when im viewing that page alone, although when i view the homepage it does not reflect the changed colour. .collection-[id] #page { background-color: [color #]; } Your expert help is much appreciated. Im working Bryant template. Link to comment
Guest Posted May 8, 2015 Share Posted May 8, 2015 This should help: http://answers.squarespace.com/questions/80873/a-trick-to-create-a-nice-adjustable-banner-like-content Link to comment
sanjna Posted May 8, 2015 Author Share Posted May 8, 2015 Hi Many thanks for this. I was able to do the needful. Link to comment
e2astudio Posted May 8, 2015 Share Posted May 8, 2015 Consider providing a link to your site so people in the community can help. Link to comment
LFortin Posted July 8, 2015 Share Posted July 8, 2015 Needed this on my site www.farmoremarketing.com. In the index pages the different pages are div tags. Inspect the section of your page you want to change and find the id. Then just change the background using CSS. #yourPageId { background-color:yourColor; } If you want it to be an image the css looks like #yourPageId { background-image:url("yourImageUrl"); background-size:cover; background-position:center; } Link to comment
emfaw Posted January 7, 2016 Share Posted January 7, 2016 Hi thereThank you for this. I am able to use this code and when I check the page in particular it does change the bg colour. However, when I navigate back to my homepage in which this page sits as part of an index - the colour is not changed. Any idea what needs to be added to the code to make it work in an index? Many thanks! Link to comment
ldam Posted October 11, 2016 Share Posted October 11, 2016 @emfawcett I hope you solved this long ago, but updating for anyone who comes across the thread! I'm using the Pacific template but this is applicable to all. If you inspect the page code on the index page you're working with, you'll see there is a div above the page content with id "[name of your page]-section". I injected this code on the index page (not the actual page you're trying to change) : <style> #collection-57e8cfb7414fb52bddda59ff #get-on-our-vip-list-section { background-color:#34b9ec; } </style> Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.