• Resolved Annemarie1

    (@annemarie1)


    Hi there,

    thx for reading and maybe helping!

    I’m using the Suffusion theme on my website:

    https://www.maessage.nl

    I can’t seem to figger out how to change the font size of the text in my header. I’d like that text to be much bigger!

    Can anyone help??

Viewing 12 replies - 1 through 12 (of 12 total)
  • Samuel B

    (@samboll)

    look in the theme’s style.css for this bit

    /* Blog title */
    
    .blogtitle a:hover {
    
    	color: #787878;
    
    font-size: 32ft;

    change font size to whatever you want

    Thread Starter Annemarie1

    (@annemarie1)

    Hey samboll, thx for you reaction but I’ve allready tried that and it doesn’t work. Nothing changes… Any other options?

    Michael

    (@alchymyth)

    @samboll:

    font-size: 32ft;

    #wow – 32 foot – that is about 10 meter !! lol

    @annemarie1
    style.css – either here:

    /* Blog title */
    .blogtitle {
    	font-size: 39px;
    	float: left;
    	line-height: 47px;
    	position:relative;
    }

    or here:

    div.blogtitle a {
    	color: #000;
    font-size: 60px;
    }

    Thread Starter Annemarie1

    (@annemarie1)

    alchymyth, thx for your reaction.

    But unfortunately, I’ve allready tried that before (and once again) but it does not work! Any more ideas???

    Michael

    (@alchymyth)

    have you tried to clear the browser cache by pressing CTRL and F5 at then same time?

    i can see, that you have in orange.css:

    /* Blog title */
    .blogtitle a:hover {
    	color: #d05e0b;
    font-size: x-large
    }

    (x-large is not very big, and this will show white on mouse hover)

    and in style.css:

    /* Blog title */
    .blogtitle {
    	font-size: 39px;
    	float: left;
    	line-height: 47px;
    	position:relative;
    }

    screenprint how it looks here.

    Thread Starter Annemarie1

    (@annemarie1)

    I’m using mac and clearly the CRTL F5 thing doen’t work, i quess.
    I can see the screenprint, but still don’t know what to do, really. I also can see that the hover is smaller and white, but that doesn’t solve my problem.

    /* Blog title */
    .blogtitle {
    font-size: 39px;
    float: left;
    line-height: 47px;
    position:relative;
    }

    I tried to change the 39px into anything higher than 39, but nothing changes.

    Help! ??

    Michael

    (@alchymyth)

    never mind the ctrl f5 – usually if you press the refresh button on your browser a few times, it should have the same effect.

    so, are you having the same appearance as in the screenprint?

    could you change the 39px again (in style.css) to what you would like to have.
    so we can check on a different computer than yours if it takes effect.

    for the white size on hover, add a font-size (the same as for your blog title) a bit further down in style.css:

    .blogtitle a:hover {
    	text-decoration: none;
    font-size:50px;
    }

    Thread Starter Annemarie1

    (@annemarie1)

    Hey Alchymyth,

    thx for you reply. again.
    I did what you asked me, so you can check on a diferent computer.
    I still don’t see any effects.

    Hope you can help me again!

    Michael

    (@alchymyth)

    screenshot

    font-size:64px; looks big here.
    for some reason, it didn’t take the hover font-size.
    you could try and change this from x-large to 64px in orange.css:

    /* Blog title */
    .blogtitle a:hover {
    	color: #d05e0b;
    font-size: x-large
    }

    this is obviously no big help for you, as it still means that you cannot check any style changes on your own computer.

    Thread Starter Annemarie1

    (@annemarie1)

    Well, it’s weird but when I opened up my laptop this morning, the font-size DID change and I didn’t do anything more than I did before.
    What did you do??? ??

    Thread Starter Annemarie1

    (@annemarie1)

    It’s working!! I’m soooooooooooooooooo happy! ??
    Thx for all the help alchymyth! Have a nice day!

    Michael

    (@alchymyth)

    selv tak! – have a good day too.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Change header font-size Suffusion’ is closed to new replies.