Foundation: Logo offset on linked pages

[Donny Random]

On the site I am working on I added this code to indent the paragraph type:

p {
padding-left: 10px;
}

But it has also caused the logo to indent also on linked pages.

How do I remedy this problem?

Thanks for your time!
donny

[Bill Robbins]

Donny,

Great question. On the home page, the title is included in a H1 tag, but on all inside pages, it’s a paragraph tag. To keep it from moving, you can use this CSS snippet either in your style.css file or in the Custom CSS box in the theme options page.

#logo p,
#text-logo p {
     text-indent: 0
}

That should keep the logo from moving over. If you have any questions, just let me know.

Enjoy your weekend,
Bill

[Donny Random]

Thanks for the fast reply Bill!

This is what I put in and unfortunately it did not work.

#logo p,
#text-logo p {
text-indent: 0
}

p {
padding-left: 10px;
}

[Bill Robbins]

So sorry. I read your email in the carpool line at my kids’ school and saw indent and was thinking about the indent property. Use this instead:

#logo p,
#text-logo p {
     padding: 0 !important;
}

see if that doesn’t move everything back into place.

[Donny Random]

Thanks Bill, THAT WORKED!! 🙂

[Author]

Posts