• Resolved miwordi

    (@miwordi)


    Hi,

    two questions about the recent posts on the main page.

    On my Main Page I have the twenty most recent posts. How can I change the space between the recent posts. I want them to be more closely together.

    And also how can I change that the pictures of the recent posts are square and not round anymore and that they always display on the left side of the post and not rotational on the left and right?

    thank you very much

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter miwordi

    (@miwordi)

    Ok, I was able to change the pictures to be square and have less space between them.

    Can please anybody tell me how to have the pictures of recent posts always on the left side? Here you can see what I ment: https://s8.postimg.org/7gb1bt90l/egathrgre.png

    thanks

    @miwordi, how has you changed the shape of the pictures of the recent posts? ??

    Thanks for sharing!

    Thread Starter miwordi

    (@miwordi)

    Hi,
    I’m not really professional but this is how I did it:

    /* takes away the circle border */
    .round-div {
        border: 0px solid #FAFAFA;
        left: 0px;
        top: 0px;
    }

    And than I also resized the pictures a little bit

    .thumb-wrapper {
        display: block;
        height: 170px;
        left: 0px;
        margin: 0px;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 200px;
    border: 3px solid grey;
    } 
    
    .tc-thumbnail.span4 {
     width: 200px;
    }

    Can please anybody tell me how to have the pictures of recent posts always on the left side?

    Answered by rdellconsulting here.

    Hi,

    I would like to know how to change my square post pics https://goo.gl/PFuZK1 to the circle pics. Also, is there a way to hide the category archives…(Category Archives: Marketing)?

    Thanks-in-Advance
    BGriffin

    BGriffin: could you open your own thread? This issue is not the same and it is resolved (so may not be picked up by people who can solve your probelm)

    Trying to style the .thumb-wrapper element. I am using the “grey.css” stylesheet (after selecting the “grey” skin in customizr). I would like to create a dark site (black or dark gray background) and I can change the background-color on everything (body, header, footer, nav) without trouble. However, so far I cannot re-style the .thumb-wrapper element to be black. I have tried by doing this:

    .thumb-wrapper {
    width: 269px;
    max-width: 100%;
    height: 250px;
    position: relative;
    left: -1px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: auto;
    background-color: black;
    }

    but no effect upon re-rendering the page.

    What am I missing? Anyone got a hint?

    @wsiebold could you open your own thread? This issue is not the same and it is resolved (so may not be picked up by people who can solve your probelm)

    Gravizapa76

    (@gravizapa76)

    Hello everybody!
    I changed the size of FP images, it works good… but that images moved to the left side, i want them to be centered .. i have changed the ‘left: 0px;’ for ‘left: 40px;’ it looks ok then, but it looks different on different screen resolutions( i tried different browsers)… how can i fix it? pls help ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Less space between recent posts and square pictures?’ is closed to new replies.