white space below header

- 3 years, 9 months ago aquapetwp
  Participant
  
  Hi – I am using specular and have a white space between header and page content. Using inspect I can see the css:
  
  #content {
  padding-top: 85px;
  padding-bottom: 85px;
  }
  
  Index (504)
  
  I have created a child theme and added the above code but using 10px instead but it still loads it as 85px. If I change it on the inspect page it is perfect. It seems the 85px is hard coded somewhere, how do I change it?
  Thanks
  Pete Martin
- 3 years, 9 months ago Akram
  Keymaster
  
  Hi,
  
  Can you please make sure your child theme is working properly for you ? I just want to confirm where did you put above mentioned code ? Inside child theme css file or in some other place ?
  
  Thank you
- 3 years, 9 months ago aquapetwp
  Participant
  
  Hi – The child theme is working ok – I have changed the style.css in the main specular theme and it still hasn’t changed. Page inspect on google shows this from (index):505
  
  #content {
  padding-top: 85px;
  padding-bottom: 85px;
  }
  
  Below this is style.css
  
  #content {
  padding-top: 10px; – SCORED THROUGH
  padding-bottom: 10px; – SCORED THROUGH
  float: none;
  width: 100%;
  position: relative;
  z-index: 9;
  }
  
  So the code in index is over writing style.css; in order to change it the code in index needs to be altered, but I cannot find it!
  
  Thanks
  Pete Martin
- 3 years, 9 months ago aquapetwp
  Participant
  Hi – If you want to check it out this is the link to the front page of the website; the space is between the top of the text and below the Choose Part Type,
  
  https://www.pontec-spares.co.uk/
  
  Thanks
  Pete Martin
  
  This reply was modified 3 years, 9 months ago by aquapetwp.
- 3 years, 9 months ago Akram
  Keymaster
  
  Hi,
  
  I can not find if your child theme is loading style.css kindly let me know which child theme you are using ? The one came with package or you built at your own ?
  
  Thank You
- 3 years, 9 months ago aquapetwp
  Participant
  
  Hi – I created the child theme to make sure that updates did not alter anything. I have not activated the child theme, still using the main theme. Even changing style.css in the main theme doesn’t change the white space.
  Thanks
  Pete Martin
- 3 years, 9 months ago Akram
  Keymaster
  
  Hi,
  
  If you see that style is coming from with in the document so you have to use !important with your style to make that work.
  
  Thank you

Viewing 6 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login