Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 12, 2017 at 1:16 pm #850981
    Aljoscha23

    Dear support team,

    thank you for your nice theme.

    Im currently trying to remove the rounded corners from the avatar images (using “WP User Avatar” plugin).

    I’ve tried the QuickCSS as followed

    /* Avatar image not rounded */
.rounded-container { border-radius: 0px !important; overflow: visible; background: #fff !important; }

    which removed the fine cirle line but the corners are still cropped off.

    I would be glad if you could point me to the mistake.

    Best regards, Aljoscha

    September 12, 2017 at 1:20 pm #850982
    Aljoscha23

    Hey again. Now it seems to work.

    I’ve added another line of code:

    .rounded-container { border-radius: 0px !important; overflow: visible; background: none !important; }
.rounded-container img { border-radius: 0px !important; }

    If there’s a way of doing this any better (restricting it to the avatar images) I’d be glad for your support.

    Best, Aljoscha

    September 12, 2017 at 4:22 pm #851071
    Yigit

    Hi,

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

    a.post-author-format-type * {
    border-radius: 0;
}

    Best regards,
    Yigit

    September 12, 2017 at 4:31 pm #851079
    Aljoscha23

    Dear Yigit,

    this works well. Thank you very much.

    Yet there is another issue with the blog template. The preview image spills over the excerpt text. I added the link into private to see what I mean. This happens on the blog roll as well as on a single blog entry. As more users will be adding posts, I would prefer them to work without the AVIA Layout builder.

    Best regards,
    Aljoscha

    • This reply was modified 7 years, 2 months ago by Aljoscha23.
    September 12, 2017 at 11:05 pm #851275
    Yigit

    Hi,

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

    #top .fullsize .template-blog .big-preview.multi-big {
    margin-bottom: 0;
}

    Best regards,
    Yigit

    September 13, 2017 at 4:08 pm #851633
    Aljoscha23

    Thank you! That did the trick.

    Best regards, Aljoscha

    • This reply was modified 7 years, 2 months ago by Aljoscha23.
    September 13, 2017 at 4:26 pm #851645
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Removing rounded corners from avatar images’ is closed to new replies.