Viewing 3 replies - 1 through 3 (of 3 total)
  • I think this CSS selector is not using at this moment. Those dimensions 440×300 comes from <img> html tag.
    You can try with this:

    .home .grid.col-460 img {
    width: 300px;
    height: 200px;
    }

    Of course these parameters are for the example.
    Make sure you will use Child theme for changes or some plugin for custom CSS.

    Thread Starter pranaman

    (@pranaman)

    Metodiew,

    Thank you, as you may know, it did work ?? . And I am using a custom CSS plugin.

    Now, for the text… looks too far to the right.

    What file are those parameters in? How can I figure out how to move that block of text next to the featured image over?

    I’ll try to give you another example parameters, but you have to play with them to achieve what do you want to have.

    In your Custom CSS:

    .home .featured-subtitle {
        margin-left: -50px;
    }
    
    .home .grid.col-460 p {
         margin-left: -50px;
    }

    The first one is of subtitle and the second one is for text below. Once again, those are example values

    Small tip: if you are not familiar with Chrome Inspector, this might be helpful for those small tweaks:
    https://developers.google.com/chrome-developer-tools/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Resizing Featured Image’ is closed to new replies.