WordPress.org

1. porkchop_001
   Member
   Posted 2 years ago #

   Hey Guys,

   Just having a play with the Mystique theme. I'd love to get rid of the gap between the top-navigation bar and the main content.

   Any clues? Thanks in advance :)

   http://understandingteenagers.com.au/blog/

2. emptymindfilms
   Member
   Posted 2 years ago #

   It is the shadow image behind the nav bar - go to ul#navigation in the style.css to adjust the bottom-padding or its height.
   I'm dont have the theme's style here right now or I would post code.

3. ambrosite
   Member
   Posted 2 years ago #

   http://understandingteenagers.com.au/blog/wp-content/themes/mystique/style.css (line 206):

   .shadow-right {
   background: url("images/shadow.png") no-repeat scroll right bottom transparent;
   padding-bottom: 32px;
   position: relative;
   }

   Change padding-bottom to 0.

4. porkchop_001
   Member
   Posted 2 years ago #

   Thanks heaps guys - much appreciated. Can't believe it was right under my nose the whole time. I must have looked at that CSS section over 20 or so times without noticing that :P

   Thanks! :)

5. naqproductions
   Member
   Posted 1 year ago #

   I know this post is old, but I tried this out on my site and the gap is still there. I am just starting out learning this stuff so I am confused why it would work for one user and not on mine. Thanks!

   http://www.naqproductions.com/darksun

   Nate

6. oldis
   Member
   Posted 1 year ago #

   Though this is marked as resolved, I would still like to chime in with an easier, more persistent approach:
   Instead of doing the modifications in the style.ccs file, its better to apply the changes in the "Appearance" -"Mystique Settings" - "User CSS" field. Modifications to styles done here will override the core styles, and will stay on upgrades.

   I added the following to my User CSS:

   /* Remove "wasted" space from header area Mystique settings - User CSS */
   #site-title{padding:1em 0 0.0em 0;}
   #site-title #logo {line-height : 0;}
   #header .shadow-right {padding-bottom: 0px;}

   For more modifications you might want to look at my wordpress fixes...

7. naqproductions
   Member
   Posted 1 year ago #

   Hey thanks! I used it and tweaked it a little because as is the title text got crushed off the top of the screen some, but I found a way to edit a little and fix it. Thanks a ton!

Topic Closed

This topic has been closed to new replies.