WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Firebug (13 posts)

  1. mrmccarrin
    Member
    Posted 1 year ago #

    Hi! I am very new to wordpress. My site is meganrmccarrin.com. Someone told me to use firebug in order to easily alter my CSS and HTML. I have installed it and have found the tag I want to alter:

    <div class="entry-content">
    <h1>Philadelphia Workers’ Compensation Attorneys</h1>

    However, I don't understand how to alter it. I want to use this code:

    h1.entry-title{
    border-bottom: 1px solid black;
    }

    Can someone please help point me in the right direction?

    Thanks.

  2. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    You need to create a Child Theme of Twenty Twelve, and after that you can place your CSS code in its style sheet.

  3. mrmccarrin
    Member
    Posted 1 year ago #

    Thank you! That is what I did, however, the content I am putting in my new style sheet (in the child theme) is not displaying on my site?

  4. mrmccarrin
    Member
    Posted 1 year ago #

    I also got a tip to switch the content around to:

    .entry-content h1 {
    border-bottom: 1px solid black;
    }

    but that also did not work.

  5. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    I find that you are not using a child theme. Where did you place the modified styles? In the original default theme? Don't do that. You will lose all changes when you upgrade the theme. If you do not want to create a child theme, you may use a plugin such as custom CSS manager.
    http://wordpress.org/extend/plugins/custom-css-manager-plugin/

  6. mrmccarrin
    Member
    Posted 1 year ago #

    I took all content out of my child theme because it was not working and moved it to the css manager plugin where it does work and I am not sure why it works in one place and not the other? This is the content I am using:

    .entry-content h1 {
    border-bottom: 1px solid black;
    }

    img.header-image {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0);
    position:absolute;
    top:50px;
    }
    .site-header {
    padding-top:5rem;
    }

    I am just nervous about only using this plug in for when I want to make more complicated adjustments to the footer and when I want to create two columns in the body of the twenty twelve theme? Can I do all this in the CSS manager editor? Or am I going to run into problems later?

  7. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    You can do all CSS changes using that plugin.

    You will not face any problems whenever you update the theme. Nothing to worry about as long as you do not edit the theme files.

  8. mrmccarrin
    Member
    Posted 1 year ago #

    Thank you!

  9. mrmccarrin
    Member
    Posted 1 year ago #

    Just another quick question? Do you know why it is not working in my child theme? I would just like to know for future reference?

  10. Krishna
    Volunteer Moderator
    Posted 1 year ago #

    Your own CSS will work on child themes as well. If they do not work, either you did not create the child theme properly, or you did not activate your child theme.

    Review: http://codex.wordpress.org/Child_Themes

  11. mrmccarrin
    Member
    Posted 1 year ago #

    Ok - thanks again.

  12. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    This is a duplicate thread - which drives us volunteers crazy and is against the forum rules - please do not do that here.

  13. mrmccarrin
    Member
    Posted 1 year ago #

    I apologize.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.