WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Firebug

[Resolved] Firebug

  • 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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • You need to create a Child Theme of Twenty Twelve, and after that you can place your CSS code in its style sheet.

    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?

    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.

    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/

    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?

    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.

    Thank you!

    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?

    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

    Ok – thanks again.

    WPyogi

    @wpyogi

    Forum Moderator

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

    I apologize.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Firebug’ is closed to new replies.
Skip to toolbar