Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] Header configuration styling


  #1  
Old Mar 15, 2010, 02:06 AM
marced
 
60 posts · Feb 2010
Hi Flynn and all other forum members, first of all thanks for the great theme and all the work you've put in it. It's great, I am setting up my first site with it, www.marced.com .

What I want to do is add custom links to the top right of the header (above the search box). Now there is room to add html to the header in ATA theme options, but I can't style it the right way. I created a div, but whatever I do to the style, nothing happens.

What I need is that the text is not totally on the right of the screen, but on the ultimate right of the header, above te search box. I tried it like this but doesn´t work:

<div style="width:800px;align:right;">
test
</div>
What am I missing?

I can't use one of the horizontal bars for it can I, cause that is just styling? That would be the greatest cause then then the background of the header wouldn't shift, but I'll work that out. Just need some links on the top right, shouldn't be that hard I suppose?

Thanks a lot in advance for your help!

Cheers
Marc

Last edited by marced; Mar 15, 2010 at 02:08 AM. Reason: Wrong text
  #2  
Old Mar 15, 2010, 05:48 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why not let the code do the work. Add a two cell widget area to the header and give the second cell the width you want the links to be. This will give you two new widget areas in the widget options

add a text area to the second cell with your links.

1) add the following to very begining of ATO->Style & edit HEADER AREA->Configure Header Area - make sure to adjust 'width_2=' to what you want
HTML Code:
<?php bfa_widget_area('name=My_header_area&cells=2&width_2=200&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
2) go visit the home page
3) go to dashboard->apearances->widgets and you will see two new widget areas. add the TEXT widget to 'My_header_area 2 ' and add the html for your links there.

all done
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 15, 2010, 11:22 AM
marced
 
60 posts · Feb 2010
Wow Juggledad, this was totally it! Thanks a heap!! Couldn't have made up the code myself

Works like a charm... though it looks a bit slower now, but maybe that's just a coincidence.

I just have one final question for this part left. I want a register link (no problem), but also a link that says login when not logged in, or the name of the logged in user when logged in . I have created this already in the footer, but want to use it in this widget area too. In ATO option for the footer I could just use %register% and %loginout%, but can't use that here. At least it doesn't show anything. Should I include something in the header php file then?

Thanks again!!
  #4  
Old Mar 15, 2010, 12:28 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the %register% and %loginout% are just checked for in the footer code.
you could edit the header code and try coping the code from the footer in or you might look for a plugin that will do what you want and add that to the header.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Mar 16, 2010, 01:50 PM
marced
 
60 posts · Feb 2010
I installed the PHP text widget plugin so I can execute code in a widget too, and inserted the following code <?php wp_loginout(); ?> . This does the trick.

Thnx Juggledad, will make a donation, just not the stuff here to do it.

I have one other thing again, maybe I should make a new post but we're talking about the header styling anyway. I have a Google Search Box, which I want to align to the bottom, and it is not at the moment. The code of search part is:

<td valign="bottom" class="search-box" align="right"><div class="searchbox">






<form action="http://www.marced.com/search-2/" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-2516364913757172:220cnn-j0v5" />
<input type="hidden" name="cof" value="FORID:11" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="20" />
<input type="submit" name="sa" value="Zoeken" />
</div>
</form>

Works of course. Now I want to do the aligning in CSS, but can't get it to work. Tried these things:

#search-box {
align: bottom;
}

div#search-box input.box {
vertical-align: bottom;
}

form#cse-search-box input {
vertical-align: bottom;
}

No result. How do I refer to the text box in CSS?! Thnx again!
  #6  
Old Mar 17, 2010, 04:54 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you will need to play with 'positioning' do a google search 'css positioning w3schools' to see how it is done
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Mar 21, 2010, 03:58 PM
marced
 
60 posts · Feb 2010
thnx Juggledad, just donated to you personally.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
One line Configuration Boxes dynamicwebs Header configuration & styling 27 Feb 5, 2011 08:34 AM
Changing Sidebar Configuration...? Taffy Sidebars & Widgets 7 Nov 4, 2009 03:01 PM
a header configuration to the first page ahc Header configuration & styling 3 Oct 18, 2009 05:39 AM
Styling for my header menus is way out in IE ? pjeaje Header configuration & styling 0 Jun 3, 2009 08:07 PM


All times are GMT -6. The time now is 04:32 AM.


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