Remove "leave a comment" from mobile view

  • Unknown's avatar

    Hi,
    How can I remove “leave a comment” from the mobile view only?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    I realized I want to remove from my whole site (not just mobile) the “leave a comment” that appears at the top of posts. I did a search in the forums, but nothing I found is working! The site is theteachersweneed.org.

    Thank you!

  • Unknown's avatar
  • Unknown's avatar

    Thanks, but I want the comments at the bottom of the post — I just don’t want the “leave a comment” at the top (next to the date). Any other ideas?

  • Unknown's avatar

    Sorry, I misunderstood your first request.

    I looked at a post from your site:
    http://theteachersweneed.org/2014/02/28/sample-post/

    And I see the text “Leave a Comment” at the top of the post to the right of the date. In the Currents theme, you can hide that text using the following CSS:

    article.post .post-meta .post-comments {
    	display: none;
    }
  • Unknown's avatar

    Thank you! That worked perfectly! :-)

    I have another question. I changed the default Body Text (in Currents) to Source Sans Pro. When I open the site in Chrome everything is correct: the Site Title is in default and the body text is changed. But when I open it in Explorer, the font of the Site Title is *also* changed (the titles of the individual blogs are still in the default). Is there some way I can fix this?

    Also, can I change the *size* of the default Site Title without changing the font?

  • Unknown's avatar

    I checked http://theteachersweneed.org/2014/02/28/sample-post/ in Internet Explorer 11 on Windows 7, and the site title is Source Sans Pro there when I check. Here is what I see:
    https://cloudup.com/cDVmthMhYmM

    That is happening because of how the theme was designed. For some reason, it uses an “h1” tag for the site title on the home page and a link inside a “span” tag on other pages such as the single post I linked above. If you examine the HTML source, you’ll see what I mean.

    There are a few ways you can get around that. One would be to select a custom Headings font in the Appearance > Customize > Fonts panel.

    Another would be to use custom CSS to set the font family back to the default like so:

    .site-title a {
    	font-family: Bitter, Helvetica, Arial, sans-serif;
    }

    Also, can I change the *size* of the default Site Title without changing the font?

    Sure, try adding this to your Appearance > Customize > CSS editor:

    .site-title a {
    	font-size: 1.5em;
    }
  • Unknown's avatar

    That worked perfectly also — thank you!

    One more question… I’m sorry for asking so many. How can I make the “Follow this blog” and Archive text smaller? I tried experimenting with it copying the site title, but have no idea what I’m doing and nothing happened.

  • Unknown's avatar

    And one more question!… How can I add a copyright statement at the bottom footer with the WordPress info?

    Thank you so much.

  • Unknown's avatar

    How can I make the “Follow this blog” and Archive text smaller?

    You can adjust font size for widget titles in the Currents theme using CSS like this:

    .widget h3 {
    	font-size: 1em;
    }

    To find which selectors to use, it helps to use the web inspector in your browser. Here is a guide in case you’re interested:
    http://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

  • Unknown's avatar

    How can I add a copyright statement at the bottom footer with the WordPress info?

    You can use the content property to add plain text using CSS. Here is an example that will add text above the first link in the footer in the Currents theme:

    #copyright a:first-child:before {
    	content: "Put your text here.";
    	display: block;
    }
  • Unknown's avatar

    This all worked perfectly. Thank you so much — I really appreciate it!

  • Unknown's avatar

    Cheers :)

    Please start a new help request if you have further questions. I’m going to mark this one as resolved.

  • The topic ‘Remove "leave a comment" from mobile view’ is closed to new replies.