CSS Gazette theme

  • Unknown's avatar
    makeupforwomen · Member ·

    Hi,

    Can anyone help me remove the ‘number of reactions’, the ‘category’ and ‘date’ above and below each blogpost on my blog?

    I don’t know if I explained this properly, but if you go to http://www.makeupforwomen.be you’ll probably know what I mean.

    Thanks!

    Yanna

    The blog I need help with is: (visible only to logged in users)

  • stefmattana · Staff ·

    Hello Yanna!

    In order to hide this information, you need to paste a couple of lines of code to edit your CSS, which is the language that ‘draws’ your website’s layout style.
    To do that, you need to purchase the Custom Design package, which includes also the CSS customiser where you can paste the code. The code should be the following: 

    .entry-meta {
    display: none;
}

    I hope everything is clear. Please let me know if you have any further questions or doubts. Thanks!

  • Unknown's avatar
    makeupforwomen · Member ·

    Hi Stefania!

    Wow, this worked wonderfully! Thank you so much!

    Now there’s a lot of space between the title of the blogpost and the introduction text. Is there any way you can help me reduce this space?

    I would love to hear from you!

  • stefmattana · Staff ·

    Hello Yanna!

    I’m glad to see the CSS magic worked!
    I’m afraid, though, that my CSS skills are not enough to provide you with a 100% functional code for reducing the padding between these boxes. There are some mobile-friendly aspects that require a professional look and I don’t want to give you a code that doesn’t perfectly work!

    I’m going to tag this for Staff assistance, as well as addressing the matter to the CSS sub-forum, where there are our fellow CSS wizards ready to help us out :)

    Please subscribe to the thread so to get an email notification once somebody replies.

    I’m so sorry I can’t be more helpful, but I’m confident someone’s going to post the proper code very soon.
    Meanwhile I wish you a fab Friday!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, when I look at your posts, I’m seeing this empty div at the top of each one. Remove that div (and the matching ending div tag and it will tighten up the spacing between your titles and the content on your main page.
    <div class="beautysets_set_wrapper" style="margin: 0 auto; padding: 8px; border: 0; width: 531px;"></div>

  • Unknown's avatar
    makeupforwomen · Member ·

    Hi, I can’t seem to find what you are referring to… this is my current CSS:

    .cat-links a,
    .comments-link a,
    .posted-on a {
    color: black !important;
    font-size: 11px;
    }
    a.more-link {
    display: inline-block;
    width: 119px;
    height: 20px;
    color: rgba(0,0,0,0);
    background-size: 119px 20px;
    background-repeat: no-repeat;
    background-image: url(“https://makeupforwomen.files.wordpress.com/2015/08/brush-stroke-pink-paint-rush-design-element-57353995.jpg”);
    }
    .home .entry-summary {
    margin-top: 0;
    }
    .single .widget-area {
    border-left: 0px solid #DDD;
    }

    .single .site-main {
    border-right: 0px solid #DDD;
    float: left;
    padding-right: 60px;
    }
    .entry-footer {
    display: none;
    }
    .entry-hero .post-thumbnail {
    background: #FFFFFF none repeat scroll 0% 0% !important;
    }
    /* 2.4 Content */
    #content {
    min-height: 550px;
    padding: 0;
    }
    #content + #footer {
    margin-top: 40px;
    }
    * html #content{height:550px;}
    /* 2.5 Sidebar */
    #sidebar{width:10px;overflow:hidden;}
    /* Wouter making the pictures less wide */
    .entry img {
    max-width:600px;
    }
    .subtitle { color: #FF1493; font: 15px arial, sans-serif; font-weight: bold;

    }
    .beautysets_set {
    color:#000000;

    }
    p.entry-tags { visibility: hidden; }
    .entry p { margin: 8px 0 0px 0; }
    .post-meta .single-author-meta li { visibility: hidden; }
    .post-meta { margin: 0px; border-top: none; border-bottom: none; }
    .entry-meta {
    display: none;
    }

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, you need to open the posts in the post editor and then switch to the Text tab and you will see that line at the very top of the posts. It isn’t in the CSS, it’s in the post content.

  • Unknown's avatar
    makeupforwomen · Member ·

    Hi! Ok, thank you. So I have to do this for each post separately?

  • kathrynwp · Staff ·

    Yes, you’ll need to remove the empty div tag that Richard noticed in the editor, for every post where it’s present:

    Hi, when I look at your posts, I’m seeing this empty div at the top of each one. Remove that div (and the matching ending div tag and it will tighten up the spacing between your titles and the content on your main page.
    <div class="beautysets_set_wrapper" style="margin: 0 auto; padding: 8px; border: 0; width: 531px;"></div>

  • The topic ‘CSS Gazette theme’ is closed to new replies.