Front page of Innov8tive theme widget issue

Community Forums Forums General Discussion Front page of Innov8tive theme widget issue

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  rfmeier 1 year, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #48819

    ChrissyMorin
    Participant
    Post count: 33

    All I did was changed the category for the bottom widget on the main page of this website and now they aren’t lining up nicely on the main page?
    Any suggestions

    http://poochandclaws.com


    Chrissy Morin – Your Web Chick – Denver CO

    http://poochandclaws.com
    #48824

    rfmeier
    Participant
    Post count: 597

    Hello,

    Due to the layout of the featured posts, the images are being stretched (to fit). This is due to a rule within the style.css file, the images are attempting to fit the layout. The images are being stretched to 160px (natural width is 150px), causing the layout to break.

    [css]
    img {
    height: auto;
    max-width: 100%;
    }[/css]

    Through Chrome developer tools, I was able to alter the style.css to force the feature images to a max width of 150px.

    [css]
    /* line ~1173 */
    #home .featuredpost img,
    #home-bottom .featuredpost img {
    background-color: #fff;
    margin: 0 0 10px;
    max-width: 150px; /* added a max width for the images */
    }[/css]

    https://www.diigo.com/item/image/40chg/p2ew

    I hope this helps.


    #48825

    ChrissyMorin
    Participant
    Post count: 33

    I didn’t change anything in the CSS because I don’t know HOW to..lol and it worked fine yesterday.. how could I have broken it? :(


    Chrissy Morin – Your Web Chick – Denver CO

    #48826

    rfmeier
    Participant
    Post count: 597

    There is a chance a title or word is large and pushing the featured post to be a tad wider… just enough to break the layout.


    #48827

    ChrissyMorin
    Participant
    Post count: 33

    Ahhh.. I was using the “amplified Posts Widget” so I reduced the size of the allowed title and that seemed to fix it.. Thanks so much for your help! :)


    Chrissy Morin – Your Web Chick – Denver CO

    #48829

    rfmeier
    Participant
    Post count: 597

    You are welcome. Good luck.


Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Front page of Innov8tive theme widget issue’ is closed to new replies.