Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Help Transferring HTML/CSS Insert Coding to Custom Widgets

Prev Previous Post   Next Post Next
Old Sep 27, 2009, 10:22 AM
6 posts · Sep 2009
St. Paul, Minnesota - USA
[SOLVED] Help Transferring HTML/CSS Insert Coding to Custom Widgets

I am trying to condense white space in the header section. Both the %image and %pages items in the Configure Header Area section take up the entire width of the page leaving dead space in the left or right columns before the widget content shows up. You can see what I mean at www.eWrittenWord.com. I thought I would try to work around this using custom widgets in the header area.

To start, I have added this code in the Configure Header Area to create three custom widgets:
%image %bar2 %pages
<table width=100%><tr>
<td width=4></td>
<td align=left; width=200px><?php bfa_widget_area('name=Left Header Widget'); ?></td>
<td valign=bottom><?php bfa_widget_area('name=Center Header Widget'); ?></td>
<td align=right; align=top; width=213px><?php bfa_widget_area('name=Right Header Widget'); ?></td>
I know I should be able to create 3 widgets in a single line of code, but for a no-coder, I'm at a loss for the proper coding. But that is not my question. I now want to replicate the CSS coding I used to generate my menu bar and insert it into a PHP Code Text Widget (Center Header Widget). This should allow me to place widgets in the other two holder and have them at the same vertical starting place of my menu bar. Here is the coding I am using in the CSS Insert.
ul.rMenu-hor li.current_page_item a:link,
ul.rMenu-hor li.current_page_item a:visited,
ul.rMenu-hor li.current_page_item a:active,
ul.rMenu-hor li.current_page_item a:hover a{
color: #FFFFFF !Important

div#menu1 ul#rmenu2 li.current_page_item a{
background-image:url(http://www.ewrittenword.com/Image_Li...nuButton01.png) !important

ul#rmenu2 {
padding-left: 235px;

div#menu1 ul#rmenu2 {

div#menu1 ul#rmenu2 li {

div#menu1 ul#rmenu2 li a:hover {

div#menu1 ul#rmenu2 li ul a:hover {
background-color: #AAC95F;

div#menu1 ul#rmenu2 li a,
div#menu1 ul#rmenu2 li.rMenu-expand {
background-image:url(http://www.ewrittenword.com/Image_Li...nuButton02.png) !important
I am using WordPress 2.8.4 and Atahualpa 3.4.3. Thank you in advance for any help offered.

Last edited by rnimchuk; Sep 28, 2009 at 06:21 AM. Reason: Solved


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
css insert not showing individual posts bushtool New Versions, & Updating 9 Jul 15, 2009 07:54 PM
Custom HTML instead of header picture? robertomueller Header configuration & styling 2 Jul 13, 2009 11:44 AM
[SOLVED] Problem with code in HTML/CSS Inserts xavison Post-Kicker, -Byline & -Footer 4 Jun 26, 2009 12:59 PM
Possible to make css/html inserts box bigger? BigG Atahualpa 3 Wordpress theme 2 Apr 28, 2009 01:07 PM
504 Gateway Time-Out saving update to HTML Insert:Header JEG Page & Category Menu Bars 1 Apr 20, 2009 11:17 PM

All times are GMT -6. The time now is 07:20 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.