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

Background color change on Column


Sera

Question

Hi I'm looking to change the background color within a column (see below for an example) however it doesn't seem that I am able to do that within the confines of the current template. Is there a way to add a custom CSS code to make this work? 

Thanks in advance :) 

The Classes.jpg

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

Please give us the URL for the page where you want to change the column color.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

Link to post
  • 0

Hi there, apologies - the site is still very much in the beginning draft stages, however this is the section I was hoping to address. 

Site information:
https://tangerine-iguana-kwg3.squarespace.com/
Password: MaintainS134!

Current state - doesn't have an option for alternating background color block options. 

The first instance is in the [Home] section of the site, while the other is in the [Shop] section of the site. 

Thanks a lot! 

s.

Screen Shot 2020-10-27 at 9.44.45 AM.png

Screen Shot 2020-10-27 at 9.38.27 AM.png

Screen Shot 2020-10-27 at 9.48.07 AM.png

Screen Shot 2020-10-27 at 9.47.28 AM.png

Link to post
  • 0

Hi Tuanphan,

Thank you so much for providing the above! I tried the code however it looks like a portion of the column is changed in color and not the full height, any chance you could would advise me on what I could do to make sure the full height of the column is changed in color? 

Thanks a lot, appreciate all the help on this!

S.

Link to post
  • 0
On 10/29/2020 at 10:34 PM, Sera said:

Hi Tuanphan,

Thank you so much for providing the above! I tried the code however it looks like a portion of the column is changed in color and not the full height, any chance you could would advise me on what I could do to make sure the full height of the column is changed in color? 

Thanks a lot, appreciate all the help on this!

S.

Try this

div#page-section-5f92d38b6b423f1cda189894 .span-12>.row>.span-4:nth-child(2) {
    background: red;
}
[data-section-id="5f92d38b6b423f1cda189894"] .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
[data-section-id="5f92d38b6b423f1cda189894"] .content-wrapper .span-4 {
    padding-top: 20px;
    padding-bottom: 20px;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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...