Header Width and Font Size

Someone has to be able to see your actual site to help with things like this — can you post a link?

Also, for future posting of code see https://codex.www.ads-software.com/Forum_Welcome#Posting_Code

Here is the link to my original blog on wordpress.com

https://undiscoveredsunsets.com/

Here is the link to my blog on www.ads-software.com where I’m wanting to change the Header settings.

https://66.147.244.130/~undisco6/

Here is the pastebin URL for my code: https://pastebin.com/stPt8J3g

I appreciate your help!

To change the site title font-size, change the CSS code in style.css
line 556:

#site-title {
    font-family: 'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 3em;
    line-height: 1em;
    margin: 0 0 3px;
    text-transform: uppercase;
    word-wrap: break-word;
}

Change the width in this to 100%;

#branding {
    float: left;
    overflow: hidden;
    width: 45%;
}

If you want the site-description to be bigger too, do it in

#site-description {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 0.9166666666666667em; /* 11 / 12 = 0.9166666666666667 */
font-weight: normal;
line-height: 1.5em;
margin-bottom: 20px;
color: #bbb;
float: left;
width: 91.48936170212766%;
clear: both;
}

Hopefully that all works…if not, post back.

BTW, lovely site and stories!

I changed the width to 100% and tried to put the font size in the site title to 6em just to see the difference, and unfortunately it still looks the exact same.

Is it possible the change needs to be made elsewhere?

The new CSS looks like this and is making no change on my site.
https://pastebin.com/k3X7H62K

I’m glad you enjoy the site! I’m just trying to make these last edits before transferring my domain over to www.ads-software.com ??

Thanks again for all your help….I really appreciate it!

hi Shindy35
what problem u face.
name in header

I would like to change the width of the header, so that it goes all the way across the screen and is not cut off half-way. Also, I would like to change the size and font.

If you look at my post above you will see a URL to the CSS of my header as well as two blog posts….one with the header across and one without. The one without is the one I’d like to change because this is my new website.

Thank you in advance!

if u want to change the header u have to put header code in out side the wrap class because wrap class have assign width 940px
thats wy u not change the width of header

mukesh27 thank you for your help. I don’t understand CSS well enough yet to have found that myself.

I don’t understand where you sent the code. What is my sky? Where can I find it?

Thank you very much for taking the time to help me!

Try clearing your browser cache.

What mukesh said is not relevant to what you want to do.

Ok then I’m back to square one if what he says does not apply. Do you have any other ideas?

Did you make the changes in the style.css file? It looks like there is a section of code that has to do with small devices — and that #branding section is at 100% but the regular one is not.

The one you want to change is on line 551 for #branding
and line 556 for #site-title.

WPyogi I cleared my browser cache and now everything is great! Thank you so much for your help!

Have a great day!

YAY — just saw it change!!