How to change the Color & Style of your WordPress H1 Titles

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 48

  • @DokdoTakeshima
    @DokdoTakeshima Год назад

    It worked! It actually worked!! You are a legend, kind sir!

  • @lonnb5242
    @lonnb5242 10 месяцев назад

    So simple - thanks for helping us newbies!!!

  • @shaninedennill6786
    @shaninedennill6786 Год назад

    This was so helpful! I had been searching everywhere how to change and it worked like a charm. Thank you!

  • @sadozaiw
    @sadozaiw 4 месяца назад

    A very crisp and nice video. Resolved my issue.👌👌👌

  • @MrFarazy25
    @MrFarazy25 Год назад

    Thank you for sharing this valuable information.

  • @infomantryplus6235
    @infomantryplus6235 2 года назад +3

    Thank you as always that was amazing .. but i want to suggest one thing that you should share these css codes in discription or on your website which you use in your tutorials it will be very helpfull and easy for beginner's..
    Because some codes you use if we do lil mistake it doesn't work
    I Hope you will share it Thank you

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +2

      Thanks for the reminder. I built a section on my site for this but haven't added a post for this video yet. I'll try to get it up today or tomorrow.

    • @infomantryplus6235
      @infomantryplus6235 2 года назад

      @@BuildThatWebsite thanks allot

  • @movimientofire
    @movimientofire Год назад

    Hi, can I change the headtitle position on a specific post?

  • @iUmarFarooqi
    @iUmarFarooqi 3 года назад

    Thank you for the recommendations at the end there.

    • @BuildThatWebsite
      @BuildThatWebsite  3 года назад +1

      Thanks for watching to the end 🙂.
      I really got a lot out of the free codeacademy courses early on. They're interactive so you get to try the code live and you have to make it work before going to the next lesson. It's much more fun than reading a book or watching a long video lesson. Highly recommended.

  • @saschagriessl3932
    @saschagriessl3932 2 года назад

    You made my day. Thank you!

  • @AjeyVikram
    @AjeyVikram 2 года назад

    Thank you bro! this is what I was looking for and I have subscribed to your channel.

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад

      Glad to hear it! Let me know if you have a suggestion for a future video to help you on your WordPress journey.

    • @AjeyVikram
      @AjeyVikram 2 года назад

      @@BuildThatWebsite Thank you for replying. Yes. There are two for now, which I shall request you in a few days. Question Related to this video: Can we put our own ".com" domain name if we host the site locally as you have so well demonstrated?

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад

      If you mean, can you host a live site on your local machine by connecting a real domain name to LocalWP, the answer is no.
      You can, however, set a custom domain name while working on your local machine when creating new sites in LocalWP.

  • @irtizaali8416
    @irtizaali8416 Год назад

    Thanks man really appreciated

  • @PaulVincentEtogo
    @PaulVincentEtogo 19 дней назад

    Thank you

  • @Uzurpat0r
    @Uzurpat0r 2 года назад

    thanks for your help!

  • @praveenkumar-zt7zb
    @praveenkumar-zt7zb Год назад

    love from India

  • @chrisbroadhurst7173
    @chrisbroadhurst7173 2 года назад

    So this works to a degree on my site, I can get the font to change color via the CSS but when I publish the changes, it reverts back. What am I missing here?

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад

      Are you using a cache plugin like WP-Rocket, Autoptimize, etc? It sounds like a caching issue. If so, clear the cache & regenerate critical CSS if applicable.
      Also, if using chrome, hit f12 to open developer tools, go to the 'network' tab, the the 'disable cache' box and try reloading the page. If this last test works, it's because your browser is caching the old version.

  • @mrsaadgaming7506
    @mrsaadgaming7506 Год назад

    i want to change font for every post
    is it possible...??
    if yes then how...??

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      Sure, just use the 'additional css' section of the Wordpress customizer which will load your css on every page.

  • @TheCopperMystic
    @TheCopperMystic 6 месяцев назад

    I'll try this out

  • @paulgoodwin1949
    @paulgoodwin1949 2 года назад

    Hello I tried this for hours and it shows on my website OK but does not show on my iphone or the internet only on my computer so what is this?

  • @k0241
    @k0241 Год назад

    the problem is i input the css it doesnt work, even though i do it correctly, is it because of some other code on my website, im not sure.

  • @pedrojimenez3912
    @pedrojimenez3912 2 года назад

    Great video my friend
    I have a question that maybe you can help me with, I'm sure it is easy to fix but I have no coding skills and trying to fix it with plugins and themes and customizations has been a real shit.
    Where can I adress my question? Maybe you can help me with it or maybe you can make a video with the solution.
    Thank you for the great tutorials and help always.

  • @prantocb5191
    @prantocb5191 2 года назад

    tnx bro

  • @abhagya
    @abhagya 11 месяцев назад

    Solved my problem.

  • @charlietierney7536
    @charlietierney7536 Год назад

    So when i click appearance > colours the only option that comes up in background colour. :(

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      You can always use the CSS method for full control, regardless of your theme settings.

  • @shanayahydari8165
    @shanayahydari8165 2 года назад

    Hi. But won't this css method change the font colour of all the posts? What if I want to change the font colour of a single h1 entry title only? Could you also please let me know how to change the font colour of meta elements like author name, date, etc, which are directly below h1 entry title?

    • @giullsb1006
      @giullsb1006 2 года назад +1

      That's exactly what I'm wondering too. I hope he can answer this 👌

    • @BuildThatWebsite
      @BuildThatWebsite  2 года назад +2

      If you put the CSS in your global stylesheet it will affect all the styles on all pages. To target one individual page the easiest method is to use inline CSS. Just add an HTML block to the page and paste the CSS inside tags.
      To target the post meta, you'll need the correct CSS selectors to target. Then you can write CSS rules to change color, font-size etc. If you need help finding the right CSS selector, check out my Chrome Inspector video:
      ruclips.net/video/151NXMk0a2c/видео.html

    • @shanayahydari8165
      @shanayahydari8165 2 года назад

      @@BuildThatWebsite thank you so much. That clarifies a lot of things. If you could help further, could you pls let me know how to add HTML blocks to certain pages? Can I include CSS changes for meta elements and H1 title on the same block? A step-by-step guide would be helpful.

  • @worldofnissanka9222
    @worldofnissanka9222 Год назад

    how to make title fort size change to mobile

  • @cinesnipe599
    @cinesnipe599 Год назад

    what if it's a hex color code?

    • @BuildThatWebsite
      @BuildThatWebsite  Год назад

      It's the same syntax. Just use a pound sign in front of the hex code (e.g. color: #efefef; )

  • @rosemarystearns1807
    @rosemarystearns1807 10 месяцев назад

    I am new to CSS, and my code didn't work. Is the following wrong?
    h2.elementor-heading-title {
    font-weight: bold;
    }
    Thanks in advance. I must be the only person who couldn't get this to work.
    Oh, I am using Roboto.

    • @BuildThatWebsite
      @BuildThatWebsite  9 месяцев назад +1

      It's hard to know without seeing your site, but even if your code is correct it might be overrulled by another rule with more specificity. You'd have to use your browser's inspector to see what rule is being applied.

    • @rosemarystearns1807
      @rosemarystearns1807 9 месяцев назад

      @@BuildThatWebsite Thank you! I'm using the Hello theme. I'll see if I can work out how to do what you suggested.

    • @BuildThatWebsite
      @BuildThatWebsite  9 месяцев назад +1

      If you're using hello theme, I'm assuming your site is designed with Elementor. You can just use Elementor global styles to make the changes visually. No need for CSS

    • @rosemarystearns1807
      @rosemarystearns1807 9 месяцев назад

      @@BuildThatWebsite Thank you! I've been using Elementor for seven years, and I'm still such a nuub.