Remove circle overlay for Profile Image and blog post Featured Image

  • ownacreage

    (@ownacreage)


    2 years ago

    How can I remove the overlay on the homepage that makes my Profile Image circular? I’d also like to remove the overlay from the Blog Post preview of the featured image. I’d prefer for the featured image to be rectangular and larger.

    Lastly, how can I change the background color of the right sidebar where the Profile Image is located? The current color is green.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Alexander Agnarson

    (@alxmedia)

    Try adding this in Customize > Additional CSS:

    #profile #profile-image,
#profile #profile-image img,
.post-thumbnail-circle img { border-radius: 0; -webkit-border-radius: 0; }

    To change color, go to Customize > Theme Options > Styling > Primary Color and change as you wish.

    Thread Starter ownacreage

    (@ownacreage)

    Both worked. Thank you! I have other questions:

    Is it possible to make the green block in the sidebar (i.e. where the profile image is located) static so that it doesn’t disappear when scrolling down the page? Can other widgets in the sidebar be static as well?

    Can I make the text in profile image section move down slightly when the Search magnifying glass is clicked? Right now, when the magnifying glass is clicked, the search bar covers the text.

    In the right sidebar, how can I change the font color of the word “Search” and the words “Recent Posts”?

    On a Page (ex. About), can the header bar with the page title have a background image? Can I realign or remove the page title?

    • This reply was modified 1 year, 11 months ago by ownacreage.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove circle overlay for Profile Image and blog post Featured Image’ is closed to new replies.