WordPress.org

Forums

raindrops
[resolved] Change Site Title Font (6 posts)

  1. Guenny
    Member
    Posted 1 year ago #

    Hello Together,
    i looking for a solution to change the font of the site title in the header image.

    I was looking in the sytle.css and i tried to update the following set of code:

    /* headding */
    
    h1,
    h2,
    h3,
    .h1,
    .h2,
    .h3{
    	clear:both;
    	overflow:hidden;
    	margin:.5em 0;
    }
    h4,
    h5,
    h6,
    .h4,
    .h5,
    .h6{
    	clear:both;
    	margin:.5em 0;
    }

    It works, but now are all other titles also update. i only want to update the text in the header image.

    Can someone help me?

  2. fantasma98
    Member
    Posted 1 year ago #

    Hi Guenny,

    Can you post a link to the site?

    Anyway, I think the problem is that you should have more restrictive rules like

    .header-image-text h1,
    {
    	clear:both;
    	overflow:hidden;
    	margin:.5em 0;
    }

    Otherwise you are just applying styles to all of the h1,h2,etc.. in the site

  3. Guenny
    Member
    Posted 1 year ago #

    The Page is today only locally and i try to learn handle wordpress.

    This above mentioned css style is not out of the template, right?

  4. nobita
    Member
    Theme Author

    Posted 1 year ago #

    Hi Guenny

    i only want to update the text in the header image.

    Fonts style rules exists fonts.php
    Add to fonts.css ( or style.css ) last line below code

    #header-image p{
    /* set your font size */
    	font-size:100%;
    }

    If you using child theme, copy parent fonts.css and paste child theme.

    H1 site title change fonts size example

    #site-title span{
    	font-size:16px;
    }

    thank you.

  5. vratsasg
    Member
    Posted 1 year ago #

    nice this worked for me but what about to change the font family of site title and not only the font size
    I read that with css3 i can use whatever font i like.
    i tried at fonts.css to change font family but without result.
    Thanks!

  6. vratsasg
    Member
    Posted 1 year ago #

    sorry the answer was in front of my eyes

    @import url(http://fonts.googleapis.com/css?family=Parisienne);

    #site-title span{
    font-family: 'Parisienne', cursive;
    }

    thanks!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.