Forum Replies Created
-
Posts
-
Sincerely happy that it worked out for you and was useful. 🙂
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comHaha! I thought you were talking about the header area and where it says "Better Than a New Year’s Resolution, By Paul Perkins"... Sometimes the post meta is there. My apologies.
The code I shared should move the post header left (instead of centered) and close the gap between the header and your byline.
At any rate, looks like you got what you needed either way!
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comLooks like you got it to work? What changed? Needed to clear your browser cache, or you were using a caching plugin?
At any rate, looks good to me. Let me know if you need further assistance with this.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comHello again!
I have some other suggestions (it sometimes takes up to 3 or 4 tries to get things just right), however, I can't access your homepage anymore, it automatically redirects to your "portfolio" page.
Still willing and happy to help.
Best of luck either way though!
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comAwesome man! Glad it worked out. Looks like this one is "Resolved"! 🙂
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comNo way!!! Haha... Victory!
You're welcome.
Can you try this though:
href="<?php echo get_permalink($post->ID); ?>"With the double instead of single quotes... Just curious.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comYou don't have to. 🙂 There is more than one way to skin a cat, as they say, and that definitely holds true for CSS.
Open your child theme's
style.cssand then start your customizations at the bottom, the very bottom, after everything else is said and done. That way your customizations will override the child theme's styles. This is the best way to keep clear what you have changed and what originally came with the child theme. Otherwise, you will have no idea what you did, and where.If this doesn't work:
h2.entry-title { margin-bottom: 0.5rem; text-align: left; }Then try this:
h2 .entry-title { margin-bottom: 0.5rem; text-align: left; }(separating the
h2from the.entry-title)One of the two should work, again, at the very bottom of the child theme's stylesheet.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comOr even...
h2.entry-title { margin-bottom: 0.5rem; text-align: left; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comOn second consideration, try this:
h2.entry-title { margin-bottom: 1rem; text-align: left; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comThat's a margin from the
h2.entry-title.Try this:
h2.entry-title { margin: 0; }Does that work?
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comI'm not that adept at PHP, but I wanna see if this works. 😉
Try this:
href="<?php '. get_permalink() .'?>"Or this?
href='<?php echo get_permalink($post->ID); ?>'
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comIf you're happy, I'm happy. Glad I could help!
Make sure to mark this as "Resolved", at the top.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comNo problem! My pleasure.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comOkay, just to double-check.. here's the final code (delete all else that was given):
.site-header { position: inherit; } .site-container { padding-top: 0px; padding-top: 0rem; } li#menu-item-123 > a { padding-top: 0px; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comOhhh, and that "line" at the top, well, it isn't a line after all! It's the background creeping through (I'm on Chrome on a Mac).
You have "padding-top: 1px" at the top. Needs to be this:
.site-container { padding-top: 0px; padding-top: 0rem; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comBoom!!! This one instead:
li#menu-item-123 > a { padding-top: 0px; }
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comActually, there's a little problem with that last fix. It caused the sub-nav items (for the owl nav) to have a space between them. Thinking about this for a second... 😉
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comAwesome. Glad to hear!
In general, no, I don't think it should be a problem. But always double and triple check (and on mobile devices as well)!
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.comAlso, you may want to do this, so that the "owl menu" is not sooooo high. It has to be higher than the rest, because of the owl, but at least you can collapse it a little bit. Try this:
li#menu-item-123 a { padding-top: initial; }You could then probably remove that thin blue line that you added at the top.
Just a thought... 😉
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com"No owls were hurt in this CSS fix..." 😉
Please let me know if you need further assistance.
Resepctfully, Chris Moore
Web Dev, CSS Hacks, & Biz Consulting @ MooreCreativeIdeas.com / Blogging @ ReflectOnThis.com