Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #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;
    }
    #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

    #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;
    }
    #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.

    #45477
    Sakin
    Keymaster

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

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.