Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 17, 2017 at 4:50 pm #865347
    SandraSquires

    When I use the Product List in the Avia Layout Builder for listing my products is there a way to adjust the title size for screen size? They overlap with the pricing if the title is long.

    This was working great until they add longer titles. Any thoughts on how to make a long title wrap around?

    OR a code to center the title and put the price below it.

    October 17, 2017 at 4:54 pm #865349
    Yigit

    Hey Sandra,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .av-catalogue-title {
    font-size: 16px;
}

    Best regards,
    Yigit

    October 17, 2017 at 5:08 pm #865358
    SandraSquires

    That changes the font size but it doesn’t help with the resizing with the screen sizes. They still over lap when on a smaller screen. Maybe the better choice is to change the size of the pricing that shows?

    October 17, 2017 at 6:10 pm #865393
    Jordan Shannon

    Hi,

    You can reduce it even further on mobile only using the following css:

    @media only screen and (max-width: 767px) {
    .av-catalogue-title {
    font-size: 12px!important;
    }}

    Best regards,
    Jordan Shannon

    October 17, 2017 at 7:06 pm #865419
    SandraSquires

    Is it possible to reduce the size on the price that is listed?

    October 17, 2017 at 7:39 pm #865427
    SandraSquires

    I have found my solution. In case anyone runs into the same thing.

    @media only screen and (max-width: 1150px) {
    .av-catalogue-image {
    margin: 0 auto;
    display: block;
    }
    .av-catalogue-price {
    position: relative;
    }

    .av-catalogue-title-container {
    text-align: center;
    }

    .av-catalogue-title {
    padding-right: 0;
    }

    .av-catalogue-content {
    text-align: center;
    padding: 0;
    }
    }

    HOW CAN I ADJUST THIS TO HAVE THE TITLE CENTERED AND THE PRICING BELOW IT CENTERED?
    Thank you.

    October 17, 2017 at 11:40 pm #865482
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Resize Title in WooCommerce Product’ is closed to new replies.