Images Don’t Scale on Mobile & Centering Blog Text

  • I have two questions/issues.

    First:
    I am trying to scale images so they show balanced on mobile. This is what I am seeing on mobile: https://ibb.co/h7rQqHR

    I have tried this code with no luck:

    @media (max-width: 480px) {
.header-filter {
background-size: contain;
background-repeat: no-repeat;
}
}

    Second:
    I am trying to center the text only in blog posts. I have found codes and they work, however they center all of the text all over the site. Any thoughts?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Euler

    (@eulerarthur)

    Hi @melodicmag,

    Have you tried to put the rule “!important” before closing the attributes? For example:

    
background-size: contain !important;
background-repeat: no-repeat !important;

    Regarding the second question, I think I didn’t understand. Do you want to center the texts in your blog posts? Please let me know.

    Nice website, by the way ;]

    Thread Starter melodicmag

    (@melodicmag)

    Hi @eulerarthur !

    Yes, I have tried !important. However, no luck. ??

    To the second question, I only want the text within the blogs to be centered, NOT all of the text on the entire website.

    Thank you!! ??

    • This reply was modified 3 years, 6 months ago by melodicmag.
    Euler

    (@eulerarthur)

    Hmm, which theme are you using? Maybe its support can help you with the first issue.

    About the second, I tried this code and it seems work:


    .entry-content {
    text-align: center;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Images Don’t Scale on Mobile & Centering Blog Text’ is closed to new replies.