First, thank you for the creation of the beautiful theme. I have edited and designed my website as far as possible. However, there are a few things I would to ask, because I'm unable to design or fix the specific item. The questions are as follows:
1) I translated via "customizer > Quick Text Translation". When I update the theme (in the future), will the changes be saved, or do I have translate again? (I use soledad child theme)
2) Is it possible to update the date that is displayed in an article when you update that article? I want to use that on posts, something like "last updated: ...". At the moment it only displays the date at which the post was created
3) Regarding the commentbox, is it possible to remove the field "website"? Furthermore, at some other sites I see the option which you can tick that says "let me know when someone responds to the article". Is this possible to include?
4) How can I set different font sizes for different devices. I like a high font size, but on mobile this is way too big. Is it possible to set font size by using %?
5) How can I change the font color of the title of a categories page? Furthermore, how can I change the hover color of posts listed in the categories page?
6) How can I change the color properties of all buttons on the website?
7) How can I use a "read more" button within the categories description? I dont want it to display full text, but only a couple of sentences, whereafter you can click on the read more button (the regular "read more tag" does not work).
8) On full screen (larger than 1170 px), the menu works fine (header style 6). However, when I minimize the webbrowser and reduce the width, the menu "falls off". When I reduce the width even further it automatically jumps to the hamburger menu. Is it possible that the menu automatically switches to hamburger menu when it falls off? Or is the only way to solve this is to add less menu items?
9) On my old website, I have now put various tracking codes (adsense, analytics, affiliate tracking) in the "header.php". In the customizer options, I see "add custom code inside <head> tag". Can I put the three tracking codes inside here? What happens if I update the theme (I use soledad child theme)?
2/ Currently this theme just support for display updated date replace with published date via Customize > General Options > Display Modified Date Replace with Published Date
We will consider to add more this feature in the future updates.
3/ To do that, please add more this code to Customize > Custom CSS:
#respond p.comment-form-url{ display: none; }
@media only screen and (min-width: 768px){
#respond p.comment-form-author, #respond p.comment-form-email { width: 49%; }
}
For notice the comment, please check more on this guide
4/ Where do you want to change font size for mobile?
5/ By default, it will display as accent color you've selected on Customize > Colors General. But, if you want to change the color for this element only - please add more this code to Customize > Custom CSS:
.archive-box h1{ color: #ff0000; }
Change color code ff0000 on above code to color code as you want. You can get a color code here.
For change colors for posts listed on category pages, please check options for it via:
Customize > Colors for Other Layouts
Customize > Colors for Standard & Classic Layouts
6/ What buttons you mean?
7/ Unfortunately, currently this theme doesn't support for this feature.
8/ You can try add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 1169px){
#navigation .menu { display: none !important; }
#navigation .button-menu-mobile { display: inline-block; }
}
9/ Yeah, you should put it inside add custom code inside <head> tag - it won't be lose when you update the theme. If you add it to header.php file - when you update the theme, all those codes will gone.
Note: You should make your site live and show me your site URL to I can help you better
Thank you for your response. Most of the questions I was able to fix! I still have some questions:
4/ Is it possible to display a percentage size for mobile for all the text on the website? Otherwise, just for posts would be really helpfull as well.
6/ For example the button for comments, or the button in the contact form. They both have the same styling
8/ I have added the CSS code, but unfortunately it does not work.
10 (new)/ Is it possible to change the date format of comments? I either want to change date format (not am/pm, but 24H format) or delete the time entirely. Is this possible?
Thank you. Your codes worked perfectly. Very much appreciated.
My only remaining question is about question 10/. I think you misunderstood me. What I meant is not that post date, but the comment date that is displayed at each comment. Please refer to the attachment. The question in this regard is "Is it possible to change the date format of comments? I either want to change date format (not am/pm, but 24H format) or delete the time entirely. Is this possible?"
Thank you for your reply. If I use this code then the entire date disappears. Is it possible to remove only the time on the date? So that for example "januari 14, 2020 - 5:46 pm" becomes "januari 14, 2020".
Thank you for your reply. I have changed the code in the soledad parent theme. Works perfect! One last question, I am using the child theme (which of course already has a functions.php). In future updates this edit will probably be lost (since it is made in the parent theme). Is there a way to add a few lines in the functions.php of the child theme to make the same change?
Thank you for your reply. If I use this code the website breaks. It gives an error and I cannot load any page. Please refer to the attached printscreen for how I pasted the code you mentioned in the functions.php of the child theme.
Hi Pencidesign,
First, thank you for the creation of the beautiful theme. I have edited and designed my website as far as possible. However, there are a few things I would to ask, because I'm unable to design or fix the specific item. The questions are as follows:
1) I translated via "customizer > Quick Text Translation". When I update the theme (in the future), will the changes be saved, or do I have translate again? (I use soledad child theme)
2) Is it possible to update the date that is displayed in an article when you update that article? I want to use that on posts, something like "last updated: ...". At the moment it only displays the date at which the post was created
3) Regarding the commentbox, is it possible to remove the field "website"? Furthermore, at some other sites I see the option which you can tick that says "let me know when someone responds to the article". Is this possible to include?
4) How can I set different font sizes for different devices. I like a high font size, but on mobile this is way too big. Is it possible to set font size by using %?
5) How can I change the font color of the title of a categories page? Furthermore, how can I change the hover color of posts listed in the categories page?
6) How can I change the color properties of all buttons on the website?
7) How can I use a "read more" button within the categories description? I dont want it to display full text, but only a couple of sentences, whereafter you can click on the read more button (the regular "read more tag" does not work).
8) On full screen (larger than 1170 px), the menu works fine (header style 6). However, when I minimize the webbrowser and reduce the width, the menu "falls off". When I reduce the width even further it automatically jumps to the hamburger menu. Is it possible that the menu automatically switches to hamburger menu when it falls off? Or is the only way to solve this is to add less menu items?
9) On my old website, I have now put various tracking codes (adsense, analytics, affiliate tracking) in the "header.php". In the customizer options, I see "add custom code inside <head> tag". Can I put the three tracking codes inside here? What happens if I update the theme (I use soledad child theme)?
Best regards,
Teun
Hi,
1/ Yes, it will be saved for all updates.
2/ Currently this theme just support for display updated date replace with published date via Customize > General Options > Display Modified Date Replace with Published Date
We will consider to add more this feature in the future updates.
3/ To do that, please add more this code to Customize > Custom CSS:
#respond p.comment-form-url{ display: none; } @media only screen and (min-width: 768px){ #respond p.comment-form-author, #respond p.comment-form-email { width: 49%; } }For notice the comment, please check more on this guide
4/ Where do you want to change font size for mobile?
5/ By default, it will display as accent color you've selected on Customize > Colors General. But, if you want to change the color for this element only - please add more this code to Customize > Custom CSS:
.archive-box h1{ color: #ff0000; }Change color code ff0000 on above code to color code as you want. You can get a color code here.
For change colors for posts listed on category pages, please check options for it via:
Customize > Colors for Other Layouts
Customize > Colors for Standard & Classic Layouts
6/ What buttons you mean?
7/ Unfortunately, currently this theme doesn't support for this feature.
8/ You can try add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 1169px){ #navigation .menu { display: none !important; } #navigation .button-menu-mobile { display: inline-block; } }9/ Yeah, you should put it inside add custom code inside <head> tag - it won't be lose when you update the theme. If you add it to header.php file - when you update the theme, all those codes will gone.
Note: You should make your site live and show me your site URL to I can help you better
Best Regards,
PenciDesign
Hi Pencidesign,
Thank you for your response. Most of the questions I was able to fix! I still have some questions:
4/ Is it possible to display a percentage size for mobile for all the text on the website? Otherwise, just for posts would be really helpfull as well.
6/ For example the button for comments, or the button in the contact form. They both have the same styling
8/ I have added the CSS code, but unfortunately it does not work.
10 (new)/ Is it possible to change the date format of comments? I either want to change date format (not am/pm, but 24H format) or delete the time entirely. Is this possible?
Hi,
4/ You can change general font size for body text via Customize > Custom Size Of Fonts in Posts (Numeric value only, unit is pixel)
And add more this code to Customize > Custom CSS to ajust the size for mobile:
@media only screen and (max-width: 480px){ body, .widget ul li a, .widget ul li, .post-entry, p, .post-entry p{ font-size: 16px; } }6/ Please try add more this code to Customize > Custom CSS to change it:
#respond input[type="submit"], .wpcf7 input[type="submit"], .widget_wysija input[type="submit"], .widget input[type="submit"], .widget button[type="submit"]{ color: #FFFFFF !important; background-color: #01A9BE !important; } #respond input[type="submit"]:hover, .wpcf7 input[type="submit"]:hover, .widget_wysija input[type="submit"]:hover, .widget input[type="submit"]:hover, .widget button[type="submit"]:hover{ color: #FF5D0A !important; background-color: #000000 !important; }Change color codes above to change the background & text color as you want. You can get a color code here
8/ Please try again with this code:
@media only screen and (max-width: 1169px){ #navigation .menu { display: none !important; } #navigation .button-menu-mobile { display: inline-block; } #sidebar-nav { display: block; } #navigation.header-6 .container{ text-align: center; } #navigation.header-6 #logo{ float: none; display: inline-block; } }10/ I see you can remove the date on the homepage.
For remove the date on single post page, please check option for it via Customize > Single Post Options > Hide Post Date.
For remove the date on category pages, please check option for it via Customize > Other Layouts Options > Hide Post Date.
Best Regards,
PenciDesign
Hi Penci,
Thank you. Your codes worked perfectly. Very much appreciated.
My only remaining question is about question 10/. I think you misunderstood me. What I meant is not that post date, but the comment date that is displayed at each comment. Please refer to the attachment. The question in this regard is "Is it possible to change the date format of comments? I either want to change date format (not am/pm, but 24H format) or delete the time entirely. Is this possible?"
Best regards,
Teun
Hi,
Ahh, ok. Please try add more this code to Customize > Custom CSS to hide it:
.thecomment .comment-text span.date{ display: none; }Best Regards,
PenciDesign
Hi Penci,
Thank you for your reply. If I use this code then the entire date disappears. Is it possible to remove only the time on the date? So that for example "januari 14, 2020 - 5:46 pm" becomes "januari 14, 2020".
Best regards,
Teun
Hi,
To do that, you need to edit the file inside this theme. Please replace this code to this code:
<span class="date" <?php echo $attr_date; ?>><?php penci_fawesome_icon('far fa-clock'); ?><?php printf( esc_html__( '%1$s', 'soledad' ), get_comment_date() ) ?></span>Best Regards,
PenciDesign
Hi Penci,
Thank you for your reply. I have changed the code in the soledad parent theme. Works perfect! One last question, I am using the child theme (which of course already has a functions.php). In future updates this edit will probably be lost (since it is made in the parent theme). Is there a way to add a few lines in the functions.php of the child theme to make the same change?
Best regards,
Teun
Hi,
If so, you can copy this code and paste to functions.php file of your child theme:
/** * Comments template * * @since 1.0 * @return void */ function penci_comments_template( $comment, $args, $depth ) { $GLOBALS['comment'] = $comment; $attr_date = 'datetime="' . get_comment_time( 'Y-m-d\TH:i:sP' ) . '"'; $attr_date .= 'title="' . get_comment_time( 'l, F j, Y, g:i a' ) . '"'; $attr_date .= 'itemprop="commentTime"'; ?> <div <?php comment_class(); ?> id="comment-<?php comment_ID() ?>" itemprop="" itemscope="itemscope" itemtype="https://schema.org/UserComments"> <meta itemprop="discusses" content="<?php echo esc_attr( get_the_title() ); ?>"> <link itemprop="url" href="#comment-<?php comment_ID() ?>"> <div class="thecomment"> <div class="author-img"> <?php echo get_avatar( $comment, $args['avatar_size'] ); ?> </div> <div class="comment-text"> <span class="author" itemprop="creator" itemtype="https://schema.org/Person"><span itemprop="name"><?php echo get_comment_author_link(); ?></span></span> <span class="date" <?php echo $attr_date; ?>><?php penci_fawesome_icon('far fa-clock'); ?><?php printf( esc_html__( '%1$s', 'soledad' ), get_comment_date() ); ?></span> <?php if ( $comment->comment_approved == '0' ) : ?> <em><i class="icon-info-sign"></i> <?php echo penci_get_setting( 'penci_trans_wait_approval_comment' ); ?></em> <?php endif; ?> <div class="comment-content" itemprop="commentText"><?php comment_text(); ?></div> <span class="reply"> <?php comment_reply_link( array_merge( $args, array( 'reply_text' => penci_get_setting( 'penci_trans_reply_comment' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ), $comment->comment_ID ); ?> <?php edit_comment_link( penci_get_setting( 'penci_trans_edit_comment' ) ); ?> </span> </div> </div> <?php }Best Regards,
PenciDesign
Hi Penci,
Thank you for your reply. If I use this code the website breaks. It gives an error and I cannot load any page. Please refer to the attached printscreen for how I pasted the code you mentioned in the functions.php of the child theme.
Do you have any suggestions?
Best regards,
Teun
Hi,
Ahh, sorry. I just edited the code in my previous comment. Please copy the code again
Best Regards,
PenciDesign
Hi @zhuangshaxiannyu,
Please create a new ticket with your site URL. I'll check and then send you a quick guide.
Regards,
PenciDesign.