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

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


Zeeba

Question

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!

Link to comment

2 answers to this question

Recommended Posts

  • 0

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

Link to comment
  • 0
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!

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...