WordPress.org

Forums

Stargazer
Change title size (22 posts)

  1. davidjeske
    Member
    Posted 1 year ago #

    I am trying to change the size of the title text. I have read through the code (to the best of my limited ability) and cannot figure out what to do. I tried changing the rem text size for h1, but it didn't do anything. I am new to code, so I might have just missed something. Please help. I also want to change the text size of the sidebar widget headings, but nothing seems to work. I couldn't find a plugin that did what I wanted either. Please let me know if you have any ideas

  2. ellp
    Member
    Posted 1 year ago #

    Hello!

    Can you send your site URL?

    Thanks!

  3. esmi
    Forum Moderator
    Posted 1 year ago #

    Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

  4. davidjeske
    Member
    Posted 1 year ago #

    its blog.bluesprucetools.com

  5. davidjeske
    Member
    Posted 1 year ago #

    I don't know how to create CSS code, so if someone could figure some out for me I would be very thankful! I know how to add it in :)

  6. ellp
    Member
    Posted 1 year ago #

    Hello again!

    Well, you need to install this plugin first:

    http://wordpress.org/plugins/simple-custom-css/

    After that, past this code and modify the size as you need:

    .h2.entry-title.font-headlines{
    	font-size:30px //change 30px to value you need
    }
    
    .h3.widget-title.font-headlines{
    	font-size:20px //change 20px to value you need
    }

    Let me know if it helps :)

  7. mashedspuds
    Member
    Posted 1 year ago #

    That code didn't work, I'm afraid.

    My title is here:

    http://shootingstargigs.com/

    Also, can I disable the H1 title 'Home' on the home page only?

  8. ellp
    Member
    Posted 1 year ago #

    Hello,

    To hide the h1 on the home only you can use this code:

    body.home h1.entry-title.font-headlines{
    display:none;
    }

    Sorry, my mistake. There are an extra point in the code... Replace with this one:

    h2.entry-title.font-headlines{
    	font-size:30px //change 30px to value you need
    }
    
    h3.widget-title.font-headlines{
    	font-size:20px //change 20px to value you need
    }
  9. davidjeske
    Member
    Posted 1 year ago #

    @ellp
    Thank you for writing that code for me. I downloaded the simple custom css plugin, but the code didn't change anything. I even adjusted the font size to big numbers and super small numbers to see if maybe I just couldn't tell, but nothing changed. Any suggestions?

  10. ellp
    Member
    Posted 1 year ago #

    First. Try this code:

    .home h1.entry-title.font-headlines{
    display:none;
    }

    Let me know if it works.

  11. davidjeske
    Member
    Posted 1 year ago #

    Nope. Nothing happens

  12. ellp
    Member
    Posted 1 year ago #

    Try this:

    h1.entry-title{
    display:none!important;
    }
  13. davidjeske
    Member
    Posted 1 year ago #

    Still nothing. Am I doing something wrong? I am putting it in the custom css plugin.

  14. ellp
    Member
    Posted 1 year ago #

    Hello David.

    For sure is something wrong. But is hard to tell what is going on without see what you did. There are some other custom code in the plugin? If so, save the code on text file on your desktop and paste only the code I provide and see what happens.

  15. mashedspuds
    Member
    Posted 1 year ago #

    Do you have cache plugin, even cache function for the WordFence plugin? Try a hard refresh.

  16. mashedspuds
    Member
    Posted 1 year ago #

    Thank you for the CSS that hides the title for the home page!

    Like David, the CSS won't affect the H1 font size (despite hard refresh). But I found this worked:

    h1.entry-title.font-headlines{
    	font-size:20px
    }

    Ellp used H2 (a genuine mistake I suspect!) in a code snippet:

    h2.entry-title.font-headlines{
    	font-size:20px
    }
  17. davidjeske
    Member
    Posted 1 year ago #

    Thank you both for your input. I have no other code in my css plugin. I tried "flushing my cache", but I am not sure what a hard refresh is. I tried @mashedspuds code as well, but still nothing. I am copying and pasting the code directly into the css pulugin's area under where it says "enter code". It seems staightforward, so I am not sure how I could be messing it up, but anything is possible! Do either of you have any more suggestions?

  18. ellp
    Member
    Posted 1 year ago #

    Hey David!

    Is very strange. Try to insert this code bellow to test:

    body {
    background: red!important;
    }

    This code will turn your background into Red. If it works means the plugin is funcional and the styles are been applied. If not: you may have a problem with your theme or plugins installed.

    Turn off all your plugins except the CSS one and test. If it works, is one of your plugins is messing up with your CSS.

    Test and let us now your findings :)

    Thanks!

  19. davidjeske
    Member
    Posted 1 year ago #

    Just to make things complicated, that code worked perfectly!
    I really appreciate your continued help with this.

  20. ellp
    Member
    Posted 1 year ago #

    Nice to hear :) If you need some help in the future let me know :)

  21. davidjeske
    Member
    Posted 1 year ago #

    I can turn the background red, but I still can't change the title size.

  22. ellp
    Member
    Posted 1 year ago #

    Nice! Some progress :)

    The plugin is working... Use this code to change your widget title size:

    h3.widget-title span.wrap{
    	font-size:30px;
    }

    Let me know if it works.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic