Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2351018
change the font size/color in comment and category
Closed

Comments

  • mon510159 started the conversation
    April 5, 2020 at 10:23pm

    Hi Penci,

    I have a few questions, Could you help me?

    (1)I’d like to know, how can I get the name of the person who left the message to be in upper and lower case ?

    (2)And, I want to make the font size of the red frame in 01.PNG more bigger

    (3) Is it enable to make the category looks like tag ? (02.PNG, 03.PNG )

    Or is it enable to change the category color ?

  •  2,701
    PenciDesign replied
    April 6, 2020 at 3:18am

    Hi,

    1 & 2/ Please try add more this code to Customize > Custom CSS to do that:

    .author-content h5{ text-transform: none; font-size: 16px; }
.thecomment .comment-text span.author, .thecomment .comment-text span.author a{ text-transform: none; font-size: 15px; }
#respond textarea, .wpcf7 textarea, #respond input, .wpcf7 input, .widget_wysija input{ font-size: 14px; }
.post-comments span.reply a{ font-size: 13px; }

    3/ Please make your site live and show me your site URL to I can help yousmile.pngI need to check before give you a solution doesn't affect to other elements.


    Best Regards,

    PenciDesign

  •   mon510159 replied privately
  • mon510159 replied
    April 6, 2020 at 4:48am

    And 1 more question, plz

    4/ Can I customize the reply from site master like 04.PNG?

    Make the background special to that visitor know this is master’s reply.

    or make the font color different from the other visitor.

  •  2,701
    PenciDesign replied
    April 6, 2020 at 2:31pm

    Hi,

    3/ Please try add more this code to Customize > Custom CSS to do that:

    .penci-grid .cat a.penci-cat-name, .header-standard .cat a.penci-cat-name, .cat > a.penci-cat-name:last-child{ text-transform: uppercase; background: #ffffff; color: #999999; padding: 6px 12px 5px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 11px !important; background: none; border: 1px solid #DEDEDE; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: normal; line-height: 1.2; }
.penci-grid .cat a.penci-cat-name:hover, .header-standard .cat a.penci-cat-name:hover, .cat > a.penci-cat-name:last-child:hover{ color: #fff; background-color: #818181; border-color: #818181; }

    4/ You can add more this code to Customize > Custom CSS to do that:

    .bypostauthor { background: #dedede; padding-left: 15px; padding-right: 15px; }

    Best Regards,

    PenciDesign

  • mon510159 replied
    April 6, 2020 at 4:53pm

    Thank you very much!!

  • mon510159 replied
    April 7, 2020 at 3:16pm

    5-1/ (solved)

    About3/, I try to customize the category bottom, but it shows black font in single post. How can I fix it?

    .penci-grid .cat a.penci-cat-name, .header-standard .cat a.penci-cat-name, .cat > a.penci-cat-name:last-child{ text-transform: uppercase; background: #72c1bc; color: #fff; padding: 4px 10px 4px; margin-right: 5px; margin-bottom: 8px; display: inline-block; font-size: 12px !important; background: #72c1bc; border: 1px solid #72c1bc; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; outline: none; font-weight: 600; line-height: 1.2; border-radius: 3px;}
.penci-grid .cat a.penci-cat-name:hover, .header-standard .cat a.penci-cat-name:hover, .cat > a.penci-cat-name:last-child:hover{ color: #72c1bc; background-color: #fff; border-color: #fff; }

    *5-1 is solved!   color for single post > Single Categories Accent Color

    ----

    5-2/ and, is it possible to remove the DIAMOND that between the categories?

  • mon510159 replied
    April 7, 2020 at 6:46pm

    6-1/ I want to make the share icon bigger on single post, I tried this code but didn't work.

    .tags-share-box.tags-share-box-2_3 .post-share-item{ font-size: 18px; }

    6-2/ Is it enable Use Brand Colors for share icon?

     (I just only see the setting for social icons on top bar/main menu/ footer )

    6-3/ Can I change the heart color to red or pink? (post like)

  •  2,701
    PenciDesign replied
    April 8, 2020 at 2:51am

    Hi,

    5.2/ To do that, please add more this code to Customize > Custom CSS:

    .cat > a.penci-cat-name:after{ display: none; content: none; }

    6.1 & 6.2/ I think you can use social share button style 2 via Customize > Single Post Options > Share Box Style > select style 2. 

    6.3/ Please check option for it via Customize > Single Post Options.


    Best Regards,

    PenciDesign

  • mon510159 replied
    April 8, 2020 at 9:34am

    Hi,Penci 

    It's me again. I have some problem with the color and tag setting.

    7-1/ I change the share box icon hover color into red, and the heart color become red sucessfully, but  I don't want the social icon become red, too.

    7-2/ It's seems like the like counts background color and title hover color is associates with it. How can I setting separate?

    7-3/ Can I make the icon size more bigger in the color box?

    8/ I show the tags in single post. but there is no description about it. I want to add a tag mark or text in front of tags. What can I do?

    thank you for helping me.

  •  2,701
    PenciDesign replied
    April 8, 2020 at 4:15pm

    Hi,

    7.1 & 7.2 & 7.3/ Please try add more this code to Customize > Custom CSS to do that:

    .tags-share-box.tags-share-box-2_3 .post-share a:not(.penci-post-like) {
    color: #fff !important;
}
.tags-share-box.tags-share-box-2_3 .post-share-item{ font-size: 16px; }

    8/ Please try add more this code to Customize > Custom CSS to do that:

    .post-tags:before { content: "Tag"; display: inline-block; padding: 4px 12px 5px; font-weight: normal; line-height: 1.2; font-size: 13px; margin-right: 6px; color: #fff; background: #313131; border-radius: 3px; }

    Best Regards,

    PenciDesign

  • mon510159 replied
    April 9, 2020 at 5:54am

    Thanks for your patience. 

    All the problems are solved!