change the font size/color in comment and category

mon510159 replied

6 years ago

Customer Reply

Thanks for your patience.

All the problems are solved!

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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.

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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)

mon510159 replied

6 years ago

Customer Reply

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

6 years ago

Customer Reply

Thank you very much!!

PenciDesign replied

6 years ago

Staff Reply

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

6 years ago

Customer Reply

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.

PenciDesign replied

6 years ago

Staff Reply

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 youI need to check before give you a solution doesn't affect to other elements.

Best Regards,

PenciDesign

mon510159 started the conversation

6 years ago

Conversation Start

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 ?