- This topic has 3 replies, 3 voices, and was last updated 8 years, 11 months ago by Sakin.
-
AuthorPosts
-
April 2, 2015 at 11:19 pm #54967Orlando MergalParticipant
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 #55044SakinKeymaster1. 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 #59991tunedinappsParticipantI 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.
June 23, 2015 at 10:32 pm #59996SakinKeymaster@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; }
-
AuthorPosts
- The topic ‘Minor CSS Adjustments in Catch Responsive Pro theme won't work’ is closed to new replies.