Forum Replies Created
-
AuthorPosts
-
Sakin
Keymaster@impresnet: The following is the list of CSS that you can add in “Appearance => Theme Options => Custom CSS” box. Change the color code as per your need.
/* Menu Background */
#header-menu { background-color: #3a3d41; }
/* Sub Menu Background */
#header-menu ul.menu ul a { background-color: #3a3d41; }
/* Menu Hover Background */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
background-color: #2d2d2d;
}
/* Current Menu Background */
#header-menu .menu .current-menu-item > a,
#header-menu .menu .current-menu-ancestor > a,
#header-menu .menu .current_page_item > a,
#header-menu .menu .current_page_ancestor > a {
background-color: #000;
}Sakin
Keymaster@ktglasscock: Yes you can. Just add the following css in “Appearance => Theme Options => Custom CSS” box
#site-title a:hover { color: #000; }Sakin
Keymaster@fritzhesse: You can check the image name “social-profile.png” in image directory of the theme directory of “catch-everest-pro”.
Sakin
Keymaster@jsvoboda: can you send me your site URL so that I can check in and send you the css code.
Sakin
Keymaster@donestefano71: You can use the float left for the element such as below css in your “Appearance => Theme Options => Custom CSS” box.
.category .hentry { float: left; }But if you want more dynamic then see the below tutorials
http://www.wplover.com/1818/tutorial-using-jquery-masonry-with-wordpress/
http://wp.tutsplus.com/tutorials/theme-development/using-jquery-masonry-for-pinterest-like-posting/Sakin
Keymaster@cercub: It should be working fine. Remove the following code from Custom CSS box.
#header { background: #2013e7; }Then add the header background as below:
#header { background-image: "image path"; }}Sakin
Keymaster@cercub: You can just upgrade to Simple Catch Box Pro theme where there is color option in Theme Options panel.
Sakin
Keymaster@karinschultz: About checking theme option panel, i need your site access for which you can send me reply on private email.
1. change the colour of the site name to 3ae59c – same as border colour
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#site-title a { color: #3ae59c; }
2. change colour of search button to 3ae59c – same as border colour
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#branding .searchform button { background-color: #3ae59c; }3. reduce the space between the tag line and menu – that is bring the site name and tag line closer to menu – line up tag line with bottom of the search box.
— Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#sidebar-top { margin-bottom: 0; }Sakin
Keymaster@donestefano71: Sorry this option is not there. You might need to work on custom codes.
Sakin
Keymaster@judyhko: Sorry this option is not there in Catch Box Free theme but you can have it on Catch Box Pro version. See this for more details about Catch Box Pro added features. http://catchthemes.com/theme-instructions/catch-box-pro/
Sakin
Keymaster@judyhko: Sorry this option is not there in Catch Box Free theme but you can have it on Catch Box Pro version. See this for more details about Catch Box Pro added features. http://catchthemes.com/theme-instructions/catch-box-pro/
Sakin
Keymaster1. How do I change the font color of the site description? I recently asked a question how to increase the site description font size, now I would like to change “Dedication to Innovation” to black.
— First you need to reset your header color through “Appearance => Header” as if you change the color from here, it will change the color of both site title and description. So, just set that to default and add the following css in “Appearance => Theme Options => Custom CSS” box where I have added color for both site title and site description.
#site-title a { color: #f9cc00; }
#site-description { color: #000; }
2. Can I change the menu titles to the same gold color I have in my heading? If so, what is the CSS for that?
— Just add the following css in “Appearance => Theme Options => Custom CSS” box
#header-menu ul.menu a { color: #f9cc00; }Sakin
Keymaster@denise.c.wamsley: Sorry this is more of server issue and not related to Our Theme. So, I won’t be able to help much.
Yes, it is recommended to use W3 Total Cache or WP Super Cache as per you site need. Also, you have have lot of traffic to site then I think you need to consider looking for other best hosting companies.
Sakin
Keymaster@jocatman: You have to be vary careful while adjusting for responsive css. You have to add with media query. You can adjust all through Custom CSS box in Theme Options panel.
For example.
/* For all screen above 1190px resolution */
@media screen and (min-width: 1190px) {
.site {
margin: 40px auto;
margin: 4rem auto;
max-width: 1140px;
max-width: 114rem;
width: 100%;
}
}
/* For screen with max width resolution of 1060px */
@media screen and (max-width: 1060px) {
.site {
margin: 20px auto;
margin: 2rem auto;
width: 90rem;
}
}
/* For screen with max width resolution of 960px */
@media screen and (max-width: 960px) {
.site {
width: 70rem;
width: 700px;
}
}
/* For screen with max width resolution of 767px */
@media screen and (max-width: 767px) {
.site {
width: 380px;
width: 38rem;
}
}Sakin
KeymasterThanks Karin for your appreciation. You made by day.
Sakin
Keymaster@Dan: You can just add the following CSS in “Appearance => Theme Options => Custom CSS”. box.
#header { background: none; }
#header .social-search form.searchform { display: none; }
Sakin
Keymaster@robkai: thanks for clearing things up. As I was trying to find the issue on my side of IE and it was working fine. Great. Thanks.
Sakin
Keymaster@Mickesan: Add the following CSS for mobile devices. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
@media screen and (max-width: 767px) { .tiled-gallery { width: 100%; } }Sakin
Keymaster@laidback: Just try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box and refresh your browser.
#site-logo a { display: inline-block; }Sakin
KeymasterHi Karin,
Can you try the following css to remove the border from the image.
.entry-content img { border: none; }Regards,
Sakin -
AuthorPosts
