• Resolved slm800

    (@slm800)


    I have been trying to resize the featured images on the main page of the theme, have gone through CSS, updated the class-fire-init file (using a child theme), regenerated thumbnails, etc….everything I can find with a google search, but still cannot get my featured images to be the size and location that I want. I’m obviously missing something. Can someone help with where else I can look?

    Here is my child stylesheet updates:
    .round-div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 350 px;
    height: 350px;
    }

    .thumb-wrapper {
    width: 350px;
    max-width: 100%;
    height: 275px;
    position: relative;
    left: -1px;
    top: 0px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: auto;
    }

    .span9.article-container .thumb-wrapper img {
    max-width: 350px;
    }

    …and my class-fire-init.php file updates:
    $this -> tc_thumb_size = array( ‘width’ => 350 , ‘height’ => 350, ‘crop’ => false ); //size name : tc-thumb

    but the image itself does not seem to change and they are now off centered. Site is currently available at mod.style What I’m looking for is for the image itself to be the same, or close to the size of the wrapper with only a small amount of white space in between images 1, 2 and 3.

    Thanks for any help anyone can provide!

Viewing 1 replies (of 1 total)
  • Thread Starter slm800

    (@slm800)

    Resolved. Found another, better code that worked the way I wanted.

    Still not sure where the problem was, but for anyone that is having the same problem, try…

    /*remove round divider*/
    .round-div {
    display: none;
    }

    /*change thumbnail size*/
    .thumb-wrapper {
    display: block;
    height: 270px;
    width: 400px;
    }

    .tc-thumbnail.span4 {
    width: 400px;
    height: 270px;
    margin-bottom: 30px;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Problems with featured images’ is closed to new replies.