Title: CSS Code to customize Convac Pro Header
Last modified: September 1, 2016

---

# CSS Code to customize Convac Pro Header

 *  Resolved [gloriawrites](https://wordpress.org/support/users/gloriawrites/)
 * (@gloriawrites)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/css-code-to-customize-convac-pro-header/)
 * For days and days I’ve tried to find the right answer, or solution – and am still
   waiting for the author of Convac theme (which I really like) to help me sort 
   out the specific css code to eliminate the large space between the “An Inspirational
   Message” and the beginning of the content page of my website.
 * **[http://www.TomHerstadBook.com](http://www.TomHerstadBook.com)** – please see
   the home page, and please suggest what I may be doing wrong. Changing the height
   of the header image doesn’t change anything. It’s as if there’s an override code
   that’s not allowing my css codes in my custom css file to work. I’ve included
   the custom css content at the end of this post.
 * I’ve switched off the icons from being visible from the Convac Theme Options,
   but wonder if that’s anything to do with that… I suspect that’s not the real 
   issue.
 * Anyone’s help asap, will be much appreciated. Thanks,
 * **My custom css content**.
 * .item_selected {
    border-bottom: 1px solid #98dbd1; display: inline-block; left:
   0; margin: 0 22px; position: absolute; right: 0; top: 36px; } .flex-caption {
   color: #551811; height: 280px; left: 0; margin: 10px auto; overflow: hidden; 
   position: relative; right: 0; text-align: center; top: 0px; width: 100%; } .flex-
   caption .slider-title { font-weight: 500; } .homepage-slider { width: 1024px;
   height: 360px; } #logo #site-title a { color: #fff; display: inline-block; letter-
   spacing: 0.5px; font-family: ‘Open Sans’, sans-serif; font-size: 24px; font-weight:
   600; line-height: 23px; text-decoration: none; text-shadow: 2px 0 0 #000; } #
   author-slider .slides li img { border: 7px solid #fff; } .slider-title { margin-
   top: 30px; font-size: 25px; line-height: 25px; padding-bottom: 13px; } .page-
   content { padding-top: 0px; } #skenav a { color: #ffffff; display: block; font-
   size: 17px; line-height: 53px; padding: 0 22px; text-decoration: none; text-transform:
   uppercase; font-weight: 500; text-shadow: 2px 0 0 #000; } .post-title a { font-
   family: ‘Open Sans’, sans-serif; font-weight: 400; font-size: 20px; line-height:
   26px; } a { text-decoration: none; color: #98dbd1; }

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [mosabua](https://wordpress.org/support/users/mosabua/)
 * (@mosabua)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/css-code-to-customize-convac-pro-header/#post-7523171)
 * If you want to reduce the height of the header image try this:
 * .header-top-wrap {
    height: 440px !important; }
 *  Thread Starter [gloriawrites](https://wordpress.org/support/users/gloriawrites/)
 * (@gloriawrites)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/css-code-to-customize-convac-pro-header/#post-7523274)
 * YOU’RE GREAT, MOSABUA! One word with the exclamation mark, and it’s magic. I 
   really appreciate your very prompt response.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS Code to customize Convac Pro Header’ is closed to new replies.

## Tags

 * [customize header](https://wordpress.org/support/topic-tag/customize-header/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [gloriawrites](https://wordpress.org/support/users/gloriawrites/)
 * Last activity: [9 years, 11 months ago](https://wordpress.org/support/topic/css-code-to-customize-convac-pro-header/#post-7523274)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics