[Resolved] How can I Align featured Image to the Left for mobile devices and tablets ?

Home Forums Support [Resolved] How can I Align featured Image to the Left for mobile devices and tablets ?

Home Forums Support How can I Align featured Image to the Left for mobile devices and tablets ?

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

    Hi,

    I have purchased “GP premium” and The featured Image on my blog posts in homepage is left aligned. While it looks great on desktop, it does not look good on mobiles and tablet.

    How can I Align featured Image to the Left for mobile devices and tablets ? i tried lots of CSS codes from the help forums, none of them worked.

    My webite: upassamjob.com . I want to make my posts featured Images for mobile devices look like this web site – assamcareer.com .

    Please have a look on this Screenshot. (Indian oil Logo)- https://prnt.sc/l7yljw

    Please help.

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #705069
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (max-width: 768px) {
        .post-image-aligned-left .inside-article .post-image {
            margin-right: 2em !important;
            float: left !important;
    
        }
    }
    #705218
    Siddek

    Hi David, It works. Thanks.
    How can I align the “Read More” button to right or left for mobile devices and desktop?

    #705251
    Leo
    Staff
    Customer Support

    Try this CSS:

    .read-more-container {
        text-align: right;
    }
    #705311
    Siddek

    Great man! thanks guys, it works.

    #705316
    Leo
    Staff
    Customer Support

    Glad we could help 🙂

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