Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
tiaschwab11

Change the background color of one small section on home page?

Question

The home page is www.stonepierpress.org. I was asked to change the color of the background between the 2nd and 3rd lines -- where it has three photos (Environment Prize, News Fellows, Eating and Growing Good Food) -- to tint it slightly. Is it possible to change the background color slightly just between those two lines in that section?

Thanks!

Edited by tiaschwab11
Initial Revision

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0

IDs that start with YUI are not considered reliable.

The following attempts to fill the entire space between the rules, hide the rules, and maintain spacing. I could only test it on Safari.


#featured-pages {
background-color:#ddeeee !important;
top:-26px;
bottom:-26px;
padding-top: 26px;
padding-bottom: 26px;
}
#block-yui_3_17_2_1_1548047166885_128933 {
visibility:hidden;
}
#block-yui_3_17_2_15_1513861642692_12284 {
display:none;
}

alt text

Another version. This one keeps the rules and white margins left/right:


#featured-pages {
background-color:#ddeeee !important;
top:-26px;
bottom:-26px;
padding-top: 25px;
padding-bottom: 25px;
border-top: solid 1px rgba(15, 159, 125, 0.772549);
border-bottom: solid 1px rgba(15, 159, 125, 0.772549);;
margin-left:35px;
margin-right:35px;
}
#featured-pages .Index-page-content {
padding-left:12px !important;
padding-right:12px !important;
}
#block-yui_3_17_2_1_1548047166885_128933 {
visibility:hidden;
}
#block-yui_3_17_2_15_1513861642692_12284 {
display:none;
}

BONUS: Improved (?) text flow in narrow windows:


#featured-pages  p, #featured-pages a, #featured-pages h3 {
       overflow: hidden !important;
}

alt text

backgrn.png.563fba376cbb7dc0e5dc2eee02327cf2.png

screen-shot-2019-07-01-at-60140-pm.png.12c86de3404569a9e0abe8cb7b87ea47.png

Edited by squaresporks

Move along. Nothing to see here.

Share this post


Link to post
  • 0

Try CSS below and see what happens:


div#yui_3_17_2_1_1562009471586_129 {
   background-color: green;
}





Programming background. **Love** playing with SquareSpace - also pleased I know CSS and HTML and JavaScript.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...