WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to get rid of title area? (30 posts)

  1. ihaveacamaro
    Member
    Posted 1 year ago #

    Normally there would be a title in this area, but if I don't want a title, how do I move my text up to take up that area? This is on a static front page. Attached is what I'm talking about:

    Picture in link

    Thanks for all your help :)

  2. phe.le
    Member
    Posted 1 year ago #

    In style.css editor, search for ".site-content", then remove the margin:

    margin: 24px 0 0;
    margin: 1.714285714rem 0 0;
  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Make sure you do NOT edit theme files directly -- use custom CSS plug-in -- for example jetpack has it. Modifying theme files will cause you major problems down the road.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    I too would advise using a plugin, such as Jetpack that has Custom CSS functionality.

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Once you have the custom CSS set up, add this code to it:

    .site-header {
        padding: 0;
    }
    
    .site-content {
        margin: 0;
    }
  6. ihaveacamaro
    Member
    Posted 1 year ago #

    @phe.le

    I was about to do that, but then I read WPyogi's post so I may hold off on that until I get the child theme set up or custom css plugin set up.

    @WPyogi

    Oh woops. I'm totally new to this. This is what I did:

    1) I have a parent theme (2012)

    2) I created a child theme of twentytwelve, and activated it, and then everything on the website became linear (I don't know how to explain it). But basically it looked terrible in comparison. I figured what the heck, this website isn't going to change much so I

    3) Reactivated parent theme

    4) Deleted child theme

    5) Everything went back to normal

    So how do I do custom css plugin?

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Install the jetpack plug-in and then you'll have a Custom CSS section under appearances.

    http://wordpress.org/extend/plugins/jetpack/

  8. ihaveacamaro
    Member
    Posted 1 year ago #

    Ok, sorry for taking so long to respond. To install jetpack I had to make a blog on wordpress.com so I just made some blog that I'm never going to use and then connected it so I could install jetpack.

    Now that I have jetpack, how do I basically go to a clean slate twenty twelve and start over only editing the custom CSS?

  9. ihaveacamaro
    Member
    Posted 1 year ago #

    I've tried deleting twenty twelve theme from internal bluehost ftp client and then reinstalling another fresh copy of twenty twelve, but I'm still getting the same page. How can I start anew?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Had you made any changes to files? Which ones? If only style.css, you should be able to replace that file only via FTP. Also, be sure that you have cleared and/or deactivated any caches on your site, server and browser.

  11. ihaveacamaro
    Member
    Posted 1 year ago #

    All of my edits have been directly to the twenty twelve theme (header, footer, etc) so I think it might just be best to redo the whole thing. I haven't put much time into the content of the website yet, so I don't mind.

    Could you tell me how to clear and/or deactivate caches on my site and server (bluehost)? I am going to do the browser cache right now.

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Unless you are using any cache plug-ins, you shouldn't have any caches. I don't know that bluehost uses them, but you might check if you are having problems getting everything cleared out.

  13. ihaveacamaro
    Member
    Posted 1 year ago #

    I've tried everything I can think of and can't get it to reset to a "clean slate." I don't have any cache plug ins.

    What would be my next step to get everything deleted and restart?

    Btw, thank you for the continuing help :) I really appreciate it!

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Are you sure that you are getting the same changed versions? Your content would still be visible on a new install - but the theme files would be back to the original versions. Can you look via FTP to see the dates on the files?

  15. ihaveacamaro
    Member
    Posted 1 year ago #

    Oh, well then how is the content there if I had originally put it in the parent theme?

    I know for certain that I deleted it and installed it less than an hour ago via filezilla

  16. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Content is in the database, not theme files :) ! (I know -- it's enough to drive you off the deep end sometimes to have all these confusing pieces.) So if you have a clean copy of the theme, activate jetpack and thne go to the custom CSS and try adding what I posted above.

  17. ihaveacamaro
    Member
    Posted 1 year ago #

    Like so?

    attached

  18. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  19. ihaveacamaro
    Member
    Posted 1 year ago #

    Awesome it worked! Thanks so much!

  20. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    YAAY!!! I saw it!

  21. ihaveacamaro
    Member
    Posted 1 year ago #

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

  22. ihaveacamaro
    Member
    Posted 1 year ago #

    Resolved thanks to WPyogi!

  23. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  24. ihaveacamaro
    Member
    Posted 1 year ago #

    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?

  25. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    body.home .site-header {
        padding: 0;
    }
    
    body.home .site-content {
        margin: 0;
    }
  26. ihaveacamaro
    Member
    Posted 1 year ago #

    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!

  27. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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:

    http://www.w3schools.com/css/

  28. ihaveacamaro
    Member
    Posted 1 year ago #

    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!

  29. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  30. ihaveacamaro
    Member
    Posted 1 year ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.