Widget in Header Appears Below Header Instead of Next to It

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

Widget in Header Appears Below Header Instead of Next to It

Postby aagblog » 03 Aug 2012, 13:16

I'm trying to put a small graphic in the header area. It's meant to look like a post-it that the user can click on to be taken to a page for new members. I'd like the clickable graphic to be *on the same line* as the site logo -- NOT below the logo.

The header background right now consists of a repeating image that looks like textured paper (as wide as the browser window); the foreground image is the green logo (aligned with the main wrapper).

I'm sorry that I have to screenshot it instead of showing it live, but the site is behind a "coming soon" wall at the moment.

Image

THANK YOU x 1000000 for the help!
Last edited by aagblog on 03 Aug 2012, 13:24, edited 1 time in total.
aagblog
 
Posts: 48
Joined: 11 Jul 2010, 12:59

Re: Widget in Header Appears Below Header Instead of Next to

Postby aagblog » 03 Aug 2012, 13:23

I think I should have mentioned that I'm trying to put this into "Header Widgets". :)
aagblog
 
Posts: 48
Joined: 11 Jul 2010, 12:59

Re: Widget in Header Appears Below Header Instead of Next to

Postby drake » 03 Aug 2012, 19:05

It's ok to use header widgets area, but without url we can't test a solution in Firebug. How large is your header image? Because your picture look like the logo take all the header container room and force header widget area to float below.

Try to add at Suffusion Option -> Backend -> Custom Includes -> Custom Styles:
Code: Select all
#header {width:400px;}


or

Code: Select all
#header-widgets {margin-top:-30px;}

(adjust the negative margin until your postit become aligned)

or both definitions from above.

For this kind of adjustements is really helpful an url.
drake
 
Posts: 3771
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: Widget in Header Appears Below Header Instead of Next to

Postby aagblog » 04 Aug 2012, 14:08

Well, your solution to the margin issue worked. Thank you!

But now no matter what I try I cannot make the background of the widget transparent. This doesn't work:
Code: Select all
#header-widgets {
margin-top:15px;
background-color:transparent;
}


This also doesn't work:
Code: Select all
background:transparent;


Adding !important does nothing.

Weird?
aagblog
 
Posts: 48
Joined: 11 Jul 2010, 12:59

Re: Widget in Header Appears Below Header Instead of Next to

Postby aagblog » 04 Aug 2012, 14:20

I fixed it, and now I feel like a freakin' GENIUS:

Code: Select all
.suf-widget {
background-color:transparent;
}
aagblog
 
Posts: 48
Joined: 11 Jul 2010, 12:59


Return to Support Requests

Who is online

Users browsing this forum: Google [Bot] and 2 guests

cron