WordPress.org

Ready to get started?Download WordPress

Forums

kreativ theme customization (9 posts)

  1. souleye
    Member
    Posted 1 year ago #

    hi, I'm working on a project using kreativ theme. I thought it was an easy theme to work with but I've had a few issues. I moved the header image to header.php and rearranged things. now there's a grey band between the header and content. I'm trying to get rid of it or at least reduce it but I don't see anywhere it's referenced in the style sheet. any help will be appreciated. thanks.
    souleye

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Try using Firebug to work with the CSS. It will show you the relevant selectors you need to use -- they may not be already in the stylesheet, especially if you've moved things around.

    Impossible to help any more specifically without seeing the site live.

  3. souleye
    Member
    Posted 1 year ago #

    thanks for your feedback. I'm not using firebug (yet). I need to install it with other utilities. I moved a few things around but I keep track of things. I'm not sure this theme is well designed. it was a low budget project. after I realized the theme was not quite right, I had already spent quite a few hours on it. the site is http://www.delcleaners.com

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    That space is the top margin in this:

    #content {
        background: url("images/corner.png") no-repeat scroll 1px 1px #FFFFFF;
        border: 1px solid #F3F3F3;
        float: left;
        margin: 80px 0 30px;
        overflow: hidden;
        width: 970px;
    }

    Definitely use Firebug -- it makes a huge difference with CSS work.

  5. souleye
    Member
    Posted 1 year ago #

    this is what was bugging me. I commented that out but didn't see any difference. maybe needed to refresh. also when I looked at the space, visually it looked way more than 80px. that's why I kept looking. I'll install firebug soon. thanks for the recommendation.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    When I tested it in Firebug, it removed that whole grey space. Be sure you are clearing any caches after making any changes.

  7. souleye
    Member
    Posted 1 year ago #

    yes, then I added 20 px because I didn't like how the two areas were abutting. seriously before firebug, i need to study css more seriously. it takes me too much time to try something, save, upload, check on the site. repeat.

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Firebug eliminates much of that hassle -- you can make temporary changes in the code right in the browser window -- and it shows instantly. Then, when you know what will work, go make the changes in the actual code. I can't imagine doing anything without it :). The Firebug site has lots of good info on how to use it, etc.

  9. souleye
    Member
    Posted 1 year ago #

    I take your advice. been procrastinating on that. with hindsight, it costs me money and in one instance cost me a client. she wasn't patient enough to wait for me to turn a horizontal menu into a vertical one! thanks again and have an enjoyable weekend.

Topic Closed

This topic has been closed to new replies.

About this Topic