• Resolved gloriawrites

    (@gloriawrites)


    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.

    https://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)
  • If you want to reduce the height of the header image try this:

    .header-top-wrap {
    height: 440px !important;
    }

    Thread Starter gloriawrites

    (@gloriawrites)

    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.