Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter juicyluce9

    (@juicyluce9)

    I was the original poster but I’ve now switched to another theme so you can close the thread. Thanks.

    Thread Starter juicyluce9

    (@juicyluce9)

    thanks Michael. I’m getting somewhere with the CSS. I’ve managed to change the border with

    /* Hover Color */
    .posts .cover-link:hover {
    border-color: #DCDCDC;
        border-style: solid;
         border-width: 10px;
    }
    
    /*media all*/
    .posts .cover-link {
        border: 3px solid;
        bottom: 0px;
        left: 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition: border-color 0.3s, border-width 0.3s;
        transition: border-color 0.3s, border-width 0.3s;
        z-index: 4;
    }

    the size of the post title with

    .entry-title, .entry-title a {
    font-size: 10px;
    }

    and removing the post text with

    /* Post Text */
    .posts .entry-content {
        visibility: hidden;
    }

    which coincidentally removes the read more icon. I just haven’t figured out how to move the post title to the centre of the box now that the text has been removed and the image appearing on the left or the right is still giving me trouble

    Thread Starter juicyluce9

    (@juicyluce9)

    thanks Michael. I’m getting somewhere with the CSS. I’ve managed to change the border with

    /* Hover Color */
    .posts .cover-link:hover {
    border-color: #DCDCDC;
        border-style: solid;
         border-width: 10px;
    }
    
    /*media all*/
    .posts .cover-link {
        border: 3px solid;
        bottom: 0px;
        left: 0px;
        position: absolute;
        right: 0px;
        top: 0px;
        -webkit-transition: border-color 0.3s, border-width 0.3s;
        transition: border-color 0.3s, border-width 0.3s;
        z-index: 4;
    }

    the size of the post title with

    .entry-title, .entry-title a {
    font-size: 10px;
    }

    and removing the post text with

    /* Post Text */
    .posts .entry-content {
        visibility: hidden;
    }

    which coincidentally removes the read more icon. I just haven’t figured out how to move the post title to the centre of the box now that the text has been removed

    Thread Starter juicyluce9

    (@juicyluce9)

    Thanks for the code for removing the icon! Further to what aprileriel was saying about altering the text boxes can you suggest any CSS code that would

    a) determine whether the text is to the left or right of the featured image
    b) how much preview text is displayed
    c) the font size for the post’s name
    d) the colour, size and transparency of the border around the post tiles

    I know that’s asking a lot but even if I get a solution for one it’s a start!

    My site is beeresistible.com by the way

    Thread Starter juicyluce9

    (@juicyluce9)

    That works! Thanks Michael. If only every solution was that easy! I don’t suppose there’s any way in to alter the appearance of the posts as seen from the home page in Settings? Such as what side the image/preview text falls on, the size of the heading font etc. Or are these altered by tinkering with the CSS for which I should start a new thread.

    thanks for the CSS to remove the yellow camera icon. As a continuation on that topic, is there anyway to set a custom image where that icon would be?

    thanks for the CSS! was looking for the solution for hours

Viewing 7 replies - 1 through 7 (of 7 total)