Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 30, 2014 at 11:16 pm #45125
    Kathleen
    Participant

    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

    October 1, 2014 at 11:40 pm #45158
    Sakin
    Keymaster

    @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;
}
    October 7, 2014 at 7:23 pm #45411
    Kathleen
    Participant

    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

    October 7, 2014 at 11:04 pm #45426
    Sakin
    Keymaster

    @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;
}
    October 8, 2014 at 5:36 pm #45461
    Kathleen
    Participant

    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.

    October 8, 2014 at 8:08 pm #45477
    Sakin
    Keymaster

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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom CSS .site { box-shadow: none; } not working to remove shadows from site’ is closed to new replies.