[helpme]

on the leave a comment form can I change leave a “reply” to leave a “comment”?

How do I remove the “Website” line ?

thanks

[Sakin]

@helpme: It’s same all the page/post title will have h1 tags.

To change the text and remove the website line, you need to build child theme and edit the comment form.

[christiane]

Please can you explain to me where exactly to edit the comment form to change the title from “Leave a reply” to something else? Thanks!

[Sakin]

@christiane: Which theme are you using it as I don’t see Leave a reply in Catch Responsive Theme.

[christiane]

Hi Sakin, thanks for answering. We use theme Adventurous 1.6.1

[Sakin]

@christiane: For Adventurous theme, please use support forum at http://catchthemes.com/support-forum/forum/adventurous-free/

Adventurous Theme, uses default contact form from WordPress. So, to change that, you need to create child theme. For child theme refer to http://catchthemes.com/blog/create-child-theme-wordpress/ and then copy comments.php file to your child theme and replace
<?php comment_form(); ?>
with the following code, where you can replace ‘Leave a Reply’ text
<?php comment_form(array('title_reply'=>'Leave a Reply, adventurous')); ?>

[christiane]

Perfect help! Thanks a lot!!!

[christiane]

Hello Sakin,
I have a question regarding responsive table layout. I want to apply the following code (s.b.) only to certain table layouts, not to all. But when I add the code to the custom css it changes all tables. How can I exclude a table layout from the responsive changes?

Thanks for your help
Christiane

@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}

[Sakin]

Hello Christiane,

Sorry, I don’t get it what you mean. Your css will be valid only for the screen resolution less then 601px. So, if you want that only in large screen. then you need to change your
@media screen and (max-width: 600px) {

to

@media screen and (min-width: 1024px) {

here we change from max width to minimum width and then change 1024px to width you want.

[christiane]

Sorry, I was mistaken. I had the impression that the the @media … applies to single elements, not to the complete site. I found a solution to work around and make the pages fit for smaller displays (“overflow:scroll;” for only one table – the other one due to its design can stay as it is).

[christiane]

Hi Sakin,
another question (because your answers are simply too good!): How can I add a shortcode for comments count for individual pages? I found this following code, but it does not show the “if comments=0 than ‘no comments yet'” when I use the shortcode [comments id=”21″]
Do you have a tipp how to alter the code or have another clever one?
Thanks again and again … 😉
Christiane

function comments_shortcode($atts) {
        extract( shortcode_atts( array(
                ‘id’ => ”
        ), $atts ) );

        $num = 0;
        $post_id = $id;
        $queried_post = get_post($post_id);
        $cc = $queried_post->comment_count;
                if( $cc == $num || $cc > 1 ) : $cc = $cc.’ comments’;
                else : $cc = $cc.’ comment’;
                endif;
        $permalink = get_permalink($post_id);

        return ‘‘ . $cc . ‘‘;

}
add_shortcode(‘comments’, ‘comments_shortcode’);

[Sakin]

@christiane: For this type of functions, either you need to add it by building child theme and adding it in child theme functions.php file or you need to add it from plugin.

[christiane]

@Sakin: I know, but I was hoping that you can recommend a plugin for this kind of shortcodes. Or you could tell me how to alter the existing code I sent you that the result is when no comments = “0 comment”. Can you???

[christiane]

Dear Sakin, never mind. I found another snippet that will do. Thanks anyway!
Christiane

[Sakin]

@christiane: Cool that you found it.

[helpme]

Hi my website is perfecting50.co.uk when looking at it on an iPhone the header does not adapt and therefore the text of the site does not fill the phone screen. Is there an CSS code I can add (instead of writing a child theme which I cannot do) ? Would much appreciate your help. Thank you

[Sakin]

@helpme: It’s because of the following css in your Custom CSS Box:

/* site title font size */
.site-title { font-size: 75px; }
/* sub title font size and italic */
.site-description { font-size: 34px; font-style: italic; }

So, the solution is. Either you change the font only for large screen or have smaller font for small screen.

Here is the css for smaller screen with screen resolution maximum to 767px, you can add the following css:

@media screen and (max-width: 767px) {
    /* site title font size */
    .site-title { font-size: 28px; }
    /* sub title font size and italic */
    .site-description { font-size: 22px; }
}

[Author]

Posts