[Resolved] Finding it hard to give images a uniform container size or set width and height

Home Forums Support [Resolved] Finding it hard to give images a uniform container size or set width and height

Home Forums Support Finding it hard to give images a uniform container size or set width and height

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Elvin.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1483647
    Oisin

    Hi Guys,

    I’m building out a custom WooCommerce account page using Generate Blocks. I’m an image and Headline combo but want to fix the height and width of the images so the Headlines appear in line.

    I’ve added a custom class to the grid containers but no luck, then to the images themselves but no luck.

    .my-account-icons img {
    width: 80px
    height: 80px;
    }

    Can you tell me what I’m doing wrong and how to fix it? Once I know the mistake I’ve been making I can make sure I don’t do it again.

    Many thanks,

    Oisín.

    #1483943
    Elvin
    Staff
    Customer Support

    For starters, the CSS syntax for width: 80px is missing a ;. This may sometimes cause issues.

    Your code should look something like this.

    .my-account-icons img {
    width: 80px;
    height: 80px;
    }

    Also, only the “recent orders” icon had the .my-account-icons as shown here.
    https://share.getcloudapp.com/X6udN80q

    If you want it applied on the other icons, make sure the other ones have the .my-account-icons class too.

    A wise man once said:
    "Have you cleared your cache?"

    #1484690
    Oisin

    Thanks Elvin,

    I only added it to that first one to test it. I can’t believe I missed the syntax error!

    It’s working fine now, thanks for your help.

    Kind regards,

    Oisín.

    #1485677
    Elvin
    Staff
    Customer Support

    Good to know.

    No problem.:)

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.