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

Changing the background color of a section-Avenue


Recommended Posts

  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

 

You'll need custom code for this...Paste this into the header code injection area of that page only. Hopefully this will work. Nice use of Avenue by the way. My site is built on the same template.

<style>
#header {background-color: #111 !important;}
#header a {color: #fff !important;}
</style>

 

Make your color here, use the #number and replace the #fff in the above code. 

https://www.rapidtables.com/web/color/html-color-codes.html

my random views derrick Lee parker

Edited by derricksrandomviews
Link to post
Posted (edited)
23 hours ago, derricksrandomviews said:

 

You'll need custom code for this...Paste this into the header code injection area of that page only. Hopefully this will work. Nice use of Avenue by the way. My site is built on the same template.


<style>
#header {background-color: #111 !important;}
#header a {color: #fff !important;}
</style>

 

Make your color here, use the #number and replace the #fff in the above code. 

https://www.rapidtables.com/web/color/html-color-codes.html

my random views derrick Lee parker

Thank you! For some reason it says there is a syntax error on line 1.  I pasted it to the custom CSS but I'm not sure what you mean by the header code injection. Will this work if I am unable to create sections on my page? I've attached screenshots. 1089855757_ScreenShot2020-04-30at6_26_47PM.thumb.png.909fa43b7f69fc06371fa895fb4a1a4a.png

Screen Shot 2020-04-30 at 6.29.34 PM.png

Edited by allegra
Link to post
20 hours ago, tuanphan said:

The code I sent, change only section in your screenshot

What If I am unable to add sections? I don't know how since I only see the option to add a page, not a section 

Screen Shot 2020-04-30 at 6.26.47 PM.png

Link to post

You don't put the code in custom css the style command will cause a syntax error, You put it in the advanced code injection of the specific page you want to change. Go to that  page in config, click the settings gear icon, and then advanced, you will then see page header code injection. 

Link to post
1 hour ago, derricksrandomviews said:

You don't put the code in custom css the style command will cause a syntax error, You put it in the advanced code injection of the specific page you want to change. Go to that  page in config, click the settings gear icon, and then advanced, you will then see page header code injection. 

Oh right! Thank you, but I actually want to change the color of the top of the page, not the header! As you can see in this screenshot I changed the header background color to a dark grey, but I want to change the top of the page with the large text that I've highlighted in red! Thanks for being so responsive!

Screen Shot 2020-04-30 at 10.26.50 PM.png

Link to post

@derricksrandomviews I've been trying that blogs' instructions but unfortunately it hasn't worked for me! Creating a new page and adding an image to be the banner doesn't make it show up on the page. I also don't if its the Template, but on Avenue I haven't been able to add sections to pages which I know would be another route. Are you able to add sections to pages?

Link to post

Blank pages I can add text blocks, gallerys, and images. These are blocks that I layout, not exactly sections, if that is what you are asking. There are layout pages too, which have blocks on them already.  Looks like you want to change the background color for a text block, that is not a simple thing to do, but here is how you do it:

https://bigcatcreative.com/blog/background-text-block-squarespace

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