How to get rid of title area?

Like so?

attached

Yep, looks perfect, what happens on the site??

Awesome it worked! Thanks so much!

YAAY!!! I saw it!

any possible way to add rep or anything similar for you WPyogi? Thanks for your help!

Resolved thanks to WPyogi!

LOL – not at this point but thank you. And you’re very welcome too. Always a pleasure to help someone out who helps himself too! Good luck with it and come back if need be.

Ok, so now I just realized that the space is gone for all the pages. I only want that specific space gone for the home page. What should I do to achieve that?

Ah, well that’s not hard either :). Just change the code to:

body.home .site-header {
    padding: 0;
}

body.home .site-content {
    margin: 0;
}

Perfect! Thanks again WPyogi ??

How does one go and learn how to do this? Is this something that after a few years I’ll just catch onto, or do most people who do this kind of thing normally have some kind of training?

My technical skills are all of the following:
1) Read “WordPress for Dummies”

Yup, that’s about it. LOL!

LOL – no, in fact, it’s not that hard. The best tool is Firebug — an addon to Firefox browser that shows you which CSS is affecting an element or area of the page. Then you copy that code (or the portion that you want to change) to the custom CSS, make the change and voila! Firebug has tons of other useful tools and features for web dev work as well. Good info and tutorials on their site.

https://getfirebug.com/

Another great CSS resource site is here:

https://www.w3schools.com/css/

Since I normally just use chrome and am happy, what I probably will do is install and use firefox and fireplug for web dev work and chrome for everything else and thus compartmentalize my life a little more lol.

Thanks for the links, I’m looking into them now :)And of course, thanks for all the help!

Chrome has some good web dev tools, but I find Firefox better … it’s actually good to use multiple browsers, I think, anyway, as you want to test your site in many of them.

body.home .site-header {
    padding: 0;
}

body.home .site-content {
    margin: 0;
}

To get margins individually changed on a page would I change “home” in the above to the name of the page that I would like to change?

For example, I have a page titled “what detail are you going to do?”

Would my code be

body.what detail are you going to do? .site-header {
    padding: 0;
}

body.what detail are you going to do? .site-content {
    margin: 0;
}