Minor CSS Adjustments in Catch Responsive Pro theme won't work

This topic has 3 replies, 3 voices, and was last updated 9 years, 5 months ago by Sakin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
April 2, 2015 at 11:19 pm #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

April 4, 2015 at 12:30 am #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;
}
```
June 23, 2015 at 9:04 pm #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

June 23, 2015 at 10:32 pm #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;
}
```
Author

Posts