Okay
  Public Ticket #1956594
Increase the Width of Author Bio
Closed

Comments

  • fitzen started the conversation
    April 1, 2019 at 8:44am

    Hey, 

    I want the author bio width to be as same as the content width above the author bio. 

    Also, I want to font color of author bio to be changed from grey to black. 

    I have attached the image to help you in understanding better about what I exactly want. 

    Thanks. 

  •  8,996
    Tahir replied
    April 1, 2019 at 10:14am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .container-wrap #author-bio #author-info p {
    max-width: 100% !important;
}

    Thanks

    ThemeNectar Support Team 

  • fitzen replied
    April 1, 2019 at 11:51am

    Hello Tahir, 

    It works thanks!

    How can I change the color of description in author bio to black. 

  •  8,996
    Tahir replied
    April 1, 2019 at 12:23pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .container-wrap #author-bio #author-info p {
    opacity: 1 !important;
}

    Thanks

    ThemeNectar Support Team 

  • fitzen replied
    April 1, 2019 at 1:38pm

    Now its perfect as I wanted it to be! 

    Thanks.

  • fitzen replied
    April 1, 2019 at 1:41pm

    Hey Tahir, 

    One more thing, just now noticed. 

    I want a little bit of space between author name and author bio. ( Image Attached ).

    Thanks. 

  •  8,996
    Tahir replied
    April 2, 2019 at 9:51am

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .container-wrap #author-bio #author-info h3 {
    font-size: 21px !important;
    line-height:44px !important;
}

    Thanks

    ThemeNectar Support Team