[Kathleen]

Hi Sakin,

I’ve read and followed a number of your Custom CSS recommendations for removing all shadows from my Catch Box Pro site. I would like the site to be white, without lines or shadows underneath page/post boxes and widget title links. I’m almost there, but still have a very small gray shadow underneath pages and widgets that I’d like to remove. Unfortunately, because I haven’t made my site live yet, I can’t send you a URL to have a peak (still building as ‘localhost/wordpress’), but I can give you the other Custom CSS tweaks already employed on the site, just in case one of them might be conflicting with your .site { box-shadow: none; } recommended script. Here’s the other Custom CSS on the site:

.post .post-thumb a, img[class*=”align”], img[class*=”wp-image-“] { border: none; }

.site { box-shadow: none; }

.widget img { box-shadow: none; }

#slider { border-bottom: none; }

#secondary .widget {
margin-bottom: 5px;
padding-bottom: 5px;
border: none;
box-shadow: none;
}

#branding .menu .current-menu-item > a,
#branding .menu .current-menu-ancestor > a,
#branding .menu .current_page_item > a,
#branding .menu .current_page_ancestor > a,
#colophon .menu .current-menu-item a {
font-weight: normal;

}

@media screen and (min-width: 961px) {
/* For Widget Title */
.widget-title {
font-size: 18px;
}
/* For Widget Text */
.sidebar-left,
.widget ul li {
font-size: 14px;
}

What do you recommend? Thanks sincerely for your assistance. Pesky shadows aside, I love the simplicity and flexibility of your Catch Box Pro theme. Nice work!

Kathleen

[Sakin]

@Kathleen: I don’t know from where you copy all the css. Please be careful when you add in Custom CSS. I see that you have missing closing bracket } at the end of your custom css. It should be as

@media screen and (min-width: 961px) {
/* For Widget Title */
.widget-title {
font-size: 18px;
}
/* For Widget Text */
.sidebar-left,
.widget ul li {
font-size: 14px;
}
}

I am not sure about the border which you have remove and all, as your site is not live. So, it’s better I give you the css as per my demo site in http://catchthemes.com/demo/catchbox-pro/. For this, you can simply add the following css in “Appearance => Theme Options => Custom CSS” box.

.hentry, 
.no-results, 
#author-info, 
#disqus_thread, 
#content .error404, 
.widget,
#site-generator,
img[class*="align"], 
img[class*="wp-image-"], 
#content .gallery .gallery-icon img, 
img.wp-post-image, 
img.attachment-thumbnail {
    border: none;
}
.wp-caption {
    background: none transparent;
    max-width: 100%;
    padding: 0;
}

[Kathleen]

Sakin, belated thanks. Really appreciate your CSS. Site is now nice and white/clean.

I do have another question, regarding the Header Main Menu. It floats left, but I’d like to have the main menu items float center. I’ve tried the following CSS unsuccessfully:

#header #mainmenu ul li a { padding: 0 15px; }

#header-menu ul.menu {
text-align: center;
}
#header-menu ul.menu li {
display: inline-block;
float: none;
}

#header-menu ul.menu {
text-align: center;
}
#header-menu ul.menu li {
display: inline-block;
float: none;
}
#header-menu ul.menu ul {
text-align: left;
}

None of those efforts worked. What do you recommend?

Thanks much!

Kathleen

[Sakin]

@Kathleen: Need to check in your site URL. Post in your site URL. For now, you can try the following css.

#access div {
    display: block;
    text-align: center;
}
#branding ul.menu li {
    display: inline-block;
    float: none;
}
#branding ul.menu ul {
    text-align: left;
}

[Kathleen]

Sakin, the menu-centering CSS you provided works perfectly, thank you. I apologize that I cannot yet make my URL available to you. Hopefully we will go live by the end of the month. We host our corporate website, and the one I am working on now (with your kind assistance – thanks again!) is not yet visible to the outside world. Very best regards, K.

[Sakin]

@Kathleen: It’s ok if it’s working. Cheers 🙂

[Author]

Posts