StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Not able to change the AUTHOR Bio CSS

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Not able to change the AUTHOR Bio CSS

This topic is: resolved

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 15, 2015 at 9:02 pm #173878
    santanu107
    Member

    Hi Experts,

    I have customized my websites theme as per my expectation and it was so far a very impressive learning experience.

    But I am not able to change the style of my author bio area. Even if I kept certain code, it seems like not at all reflecting.

    Can anyone check my website article (http://www.wpblogging360.com/) and help me which CSS tag I need to target to change the author bio area?

    As per my analysis:

    .avator : for changing the image to round image
    .author-box: to change the author area with a background + border + padding + alignment

    Kindly help me to achieve the same.

    Thanks in advance.

    http://www.wpblogging360.com/
    December 18, 2015 at 1:34 pm #174275
    bdd
    Participant

    I made changes via Inspect Element and they worked fine.

    I adjusted .avatar (not .avator) to give a border-radius of 50% and it made the image round. Were you spelling it correctly?

    I added background-color, margin, and padding to .postauthor (not .author-box) and it adjusted that as well. I don't see author-box actually being used within the HTML itself -- perhaps that's the issue here? Either update the HTML if author-box is supposed to be in there, or use the other class?

    (Depending on how it looks in your revisions, you might want to adjust the right margin for .avatar so the text isn't right on top of the image.)

    Hope that helps -- please update to let us know if your issue was solved/if you need further assistance.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.