Widgets in Header messing up header objects alignment

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?"

Re: Widgets in Header messing up header objects alignment

Postby tkopus » 09 Aug 2012, 19:11

tkopus wrote:No, up in the Header Widget area where I currently have three: Printable Coupons, Coupon Database and an Email link. I want to add one more and have them display in a 2 x 2 block in the header area.



Any suggestions?
tkopus
 
Posts: 7
Joined: 09 Mar 2012, 18:08

Re: Widgets in Header messing up header objects alignment

Postby drake » 09 Aug 2012, 20:01

At Suffusion Options -> Backend -> Custom Includes -> Custom Styles add:
Code: Select all
#header-widgets {width:410px;}
#header-widgets .suf-widget {width:200px;float:left;margin-right:10px;}
drake
 
Posts: 3778
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: Widgets in Header messing up header objects alignment

Postby tkopus » 10 Aug 2012, 08:17

drake wrote:At Suffusion Options -> Backend -> Custom Includes -> Custom Styles add:
Code: Select all
#header-widgets {width:410px;}
#header-widgets .suf-widget {width:200px;float:left;margin-right:10px;}



I tried that. It moved everything over but they are all still stacked on one another. What did I do wrong?
tkopus
 
Posts: 7
Joined: 09 Mar 2012, 18:08

Re: Widgets in Header messing up header objects alignment

Postby drake » 10 Aug 2012, 11:23

Try to increase a little header widgets area. Replace in the previous code:
Code: Select all
#header-widgets {width:430px;}


(increase the value of 430 px even more if not works... With Inspect Elements I can adjust the final output at a moment, a "screenshot" of your site, but at the running time have effect all scripts from your site, they can change the initial conditions for my adjustments).
drake
 
Posts: 3778
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania

Re: Widgets in Header messing up header objects alignment

Postby tkopus » 10 Aug 2012, 12:00

drake wrote:Try to increase a little header widgets area. Replace in the previous code:
Code: Select all
#header-widgets {width:430px;}


(increase the value of 430 px even more if not works... With Inspect Elements I can adjust the final output at a moment, a "screenshot" of your site, but at the running time have effect all scripts from your site, they can change the initial conditions for my adjustments).



Thank you, thank you, thank you!!!
tkopus
 
Posts: 7
Joined: 09 Mar 2012, 18:08

Previous

Return to Support Requests

Who is online

Users browsing this forum: Acropozelan, Bing [Bot], Google [Bot] and 5 guests