Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #54967
    Orlando Mergal
    Participant

    Gentlemen:

    Yesterday I purchased you Catch Responsive Pro theme and used it to upgrade my site “Puerto Rico By GPS” (http://www.puertoricobygps.com). However, there are still a couple of cosmetic aspects that I would like to adjust and my custom CSS isn’t working.

    First, I would like to reduce the distance between my header logo and the black menu bar directly below it. Second, I would like to make my search window white. That’s it!!! But I simply haven’t been able to get it to work.

    Here’s what I’m trying:

    input.search-field {
    background-color: #ffffff;
    }

    div.logo-left {
    padding-bottom: 0;
    }

    I’m using a Chrome extension called “Stylebot” to figure out my custom CSS. The problem is that they work fine in “Stylebot” but not in my theme’s custom CSS window.

    Any idea what I should do?

    Orlando Mergal

    #55044
    Sakin
    Keymaster

    1. Just add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    #site-branding,
    #masthead {
        padding-bottom: 0;
    }

    2. For Search background color, you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    #masthead .search-field {
        background-color: #fff;
        box-shadow: none;
    }
    #59991
    tunedinapps
    Participant

    I am trying to add code into custom css, but nothing is taking. right now trying to get rid of arrows on slider and dots.

    #slider-nav, #controllers { display: none; } entered in custom css… nothing. I’ve trying several other modifications. It appears nothing is working.

    http://sobiks.com

    #59996
    Sakin
    Keymaster

    @tunedinapps: You can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box to hide slider navigation and controllers.

    #feature-slider .cycle-prev, 
    #feature-slider .cycle-next, 
    #feature-slider .cycle-pager { 
        display:none;
    }

    Further, if you want to hide slider content as well then add the following css instead:

    #feature-slider .entry-container,
    #feature-slider .cycle-prev, 
    #feature-slider .cycle-next, 
    #feature-slider .cycle-pager { 
        display:none;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Minor CSS Adjustments in Catch Responsive Pro theme won't work’ is closed to new replies.