Jump to content

adjust only the "header" right/left padding without affecting the rest of the page

Recommended Posts

Posted

Site URL: https://lindsayreid.photo/

Hello,

I'd like to increase only the "header" right and left padding without affecting the padding further down on my website on all pages. Any ideas on how I can do this using CSS? I've tried the following but it doesn't seem to work:

/* header side padding */
body.header {
  left: 20px !important;
  right: 20px !important;
}

 

Thanks in advance for your help!

  • Replies 2
  • Views 340
  • Created
  • Last Reply
Posted

Hello,

Wonderful photos by the way! I've tried to take a look at the code you provided but, rightfully so, you've removed the ability to inspect the elements on your page. I'd be more than happy to write some code for you. However, without being able to test and customize the CSS on your page with developer tools -- I cannot provide an accurate solution for you. If you're uncomfortable opening access to the pages, I would suggest using the inspector tools on your end and looking for and applying padding adjustments to divs like: 

.Header .Header--top or .Header-inner .Header--inner-top 

(depending on the template/version these divs could vary)

Let me know if you're still in need of assistance! Feel free to reply here or message me.

-Dan

Posted
25 minutes ago, Wolfsilon said:

Hello,

Wonderful photos by the way! I've tried to take a look at the code you provided but, rightfully so, you've removed the ability to inspect the elements on your page. I'd be more than happy to write some code for you. However, without being able to test and customize the CSS on your page with developer tools -- I cannot provide an accurate solution for you. If you're uncomfortable opening access to the pages, I would suggest using the inspector tools on your end and looking for and applying padding adjustments to divs like: 

.Header .Header--top or .Header-inner .Header--inner-top 

(depending on the template/version these divs could vary)

Let me know if you're still in need of assistance! Feel free to reply here or message me.

-Dan

Thanks so much Dan, I found the proper style name to fix this.

Thanks for your help!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.