Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose Header Widget Issue
- This topic has 7 replies, 3 voices, and was last updated 10 years, 9 months ago by David Chu.
-
AuthorPosts
-
July 20, 2013 at 11:04 am #51615mikevenyParticipant
Here is a link to my site: http://www.transformingstigma.com/
The social media icons are in the header widget.
I'm trying to get it to align to the right hand side, opposite my logo.
How do I do this?
http://www.transformingstigma.com/July 20, 2013 at 12:53 pm #51620David ChuParticipantHi,
That was a head-scratcher. Your widget was set to float right, but was sitting way to the left! (to the left, to the left!)I found two CSS commands that are conspiring to do that. I see that your CSS is minified, but I'll assume they're in style.css. (Appearance... Edit...)
In the following 2 blocks, each setting relating to "width" is shrinking your widget. When I took those out, the social icons happily moved to the right.
#header { background-color: #FFFFFF; height: 100px; max-width: 263px; } #header { height: 150px; margin: 0 auto; width: 50%; }
If you were working with those figures for a reason, like for responsiveness or something, you could try adjusting those numbers rather than just deleting the settings entirely.
Cheers,
Dave
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
July 20, 2013 at 3:01 pm #51631AnitaKeymasterI was able to comment out (remove) these lines and they look like this:
#header .widget-area { / float: right; / padding: 40px 0 0; width: 480px; }
.
Love coffee, chocolate and my Bella!
July 20, 2013 at 3:07 pm #51635AnitaKeymasterI hate how we cannot add images or other code in here to help people. I added the image in there.
Love coffee, chocolate and my Bella!
July 20, 2013 at 5:34 pm #51656mikevenyParticipantBIG THANKS to both of you for taking the time to help me! I really appreciate it.
I think I fixed the issue (sorta). Once I unchecked 'minifi css', it worked.
Please take a look: http://transformingstigma.com.
My objective was to have a widget on the right side opposite my logo.
Any suggestions on how to accomplish that?
MV
July 21, 2013 at 7:48 am #51689David ChuParticipantHi,
I realize it's not clear to me what you mean by ...My objective was to have a widget on the right side opposite my logo.
I had thought you meant to have the icons over on the right side of the design. On the opposite side of the header. If what you're looking for is like Anita's screenshot, that's entirely different. That would explain the teeny sized header dimensions you had. To help, I'd need a more precise description of what you want to do.
D
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
July 21, 2013 at 8:52 am #51693AnitaKeymasterProse is a beast. I just helped another guy with his Prose theme. If you want me to take a look at your code from here, send me a note using the contact form on my website. I will send you some instructions.
Love coffee, chocolate and my Bella!
July 21, 2013 at 3:57 pm #51757David ChuParticipantYeah, Prose is beastly. 🙂 It has its legions of fans (not me), many of whom like the fancy extra control panel. Bob Dunn is a notable proponent.
I have one client who has already made 2 sites with it, and she wanted every little thing customized in ways that completely foiled the fancy admin anyway. 🙂 So I got well acquainted with its very geeky innards, which were needed to give it its unusual features.
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.