ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• January 14, 2014 at 12:39 pm #42314
  jon4700

  Member

  Post count: 14

  Hi,

  I have resized the fancy heading to reduce the padding size from 120px to 40px as below:

  .page-heading.fancy-heading {
  background-attachment: fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: repeat;
  background-position: 50% 0;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
  }

  I am using an alt background for the fancy heading. When the page loads it displays perfectly, just how I want it, however, when I scroll down the page, and scroll back up, it appears the lower padding is reintroduced, which creates a weird, uneven look to the fancy heading.

  Is there some extra code I should be looking at with regards to fixing this problem?

  I’m using the 1.51 theme update on a local host xampp.

  Many thanks!

  January 15, 2014 at 7:50 am #42563
  Tahir – SUPPORT

  Member

  Post count: 1212

  Hi,
  i am sorry i can not seem to recreate the issue with the css you provided in our demo. Can you please provide more details as to which page you are adding this css so i can test it out in the browser using our demo.

  Thanks
  Tahir

  January 15, 2014 at 12:45 pm #42627
  jon4700

  Member

  Post count: 14

  Hi Tahir,

  Thanks for getting back to me. This is a change to the main css file, so it will affect all pages using the fancy header.

  I have literally just changed the padding top and bottom to 40px instead of the 120px it was before. This is the only change I have made, everything else should be as standard.

  I am using chrome as a browser if that helps?

  Many thanks.

  January 16, 2014 at 11:37 am #42938
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi
  Can you post up the URL to a page where this is happening so I can check it out directly?
  Thanks!

  January 16, 2014 at 10:39 pm #43082
  jon4700

  Member

  Post count: 14

  Hi Melanie, unfortunately I’m still using an Xampp local installation, so no URL to share.

  Any tips on how to fix it gratefully received.

  January 17, 2014 at 12:56 am #43105
  jovo

  Member

  Post count: 63

  Hello. I’m not sure if this is the correct answer, but adding !important after the bottom padding seems to work. For example, padding-bottom: 40px !important; Hope this helps.

  January 18, 2014 at 4:00 pm #43353
  jon4700

  Member

  Post count: 14

  Give that man a medal! Thanks a million for your help on this one, seems to work a treat!

  January 18, 2014 at 4:20 pm #43354
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Thanks for helping out @jovo

  I consider this resolved!

  – Kyle

• Back to forum

  Posted in: Dante