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] %bar1 styling and links?


  #1  
Old Jun 3, 2010, 03:07 PM
lipglosstheory
 
6 posts · Jun 2010
I have been pouring over the forum for hours and I am more confused now than ever on what to do, any advice would be hugely appreciated!

I would like to place links to external sites in %bar1 and I would like the text for these links to be aligned to the right.

Where do I start with this? From what I can figure out, I would start in the bfa_header_config file:

$horizontal_bar1 = '<div class="horbar1">&nbsp;</div>';

and replace &nbsp; with code for the links? Then to style the text, can I do this under Horizontal Bar 1: Styling in ATO -> Style & Edit Header Area?

http://lipglosstheory.com

I am using wordpress 2.9.2 and atahualpa 3.5.1 with the ata-default2 style.

Thank you in advance for any and all help.
  #2  
Old Jun 3, 2010, 03:47 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why make changes to the code, why not add a new widget area to the header then add a text widget and put your links in it??

This way the changes will carry over during an upgrade so you won't have to tke good notes so you can make teh changes again...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jun 3, 2010, 04:10 PM
lipglosstheory
 
6 posts · Jun 2010
I never would have thought to solve this with a widget, thank-you!

Any advice on how can I go about setting this up?
  #4  
Old Jun 3, 2010, 04:18 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Take a look at the option 'New Widget Area' it will show you the basics for adding a widget area, copy the code and put it in the Header Configuration, then visit the page, then go to the widget area and add a text widget into your new widget area
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jun 3, 2010, 06:18 PM
lipglosstheory
 
6 posts · Jun 2010
I have now created a new widget area: <?php bfa_widget_area('name=header-widget'); ?> in the Header Configuration and added a text widget with the links I want!

All that is left to do now is style them, do I do this with html in the text widget or do I create a CSS Insert? For styling, the biggest things I want to accomplish is align them on the right and add a background color so it appears as a bar spanning the width of page (like bar above).
  #6  
Old Jun 3, 2010, 06:21 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use the css inserts. If you look at the source of the page, you should be able to find teh <div... for the widget area and it will give you an ID you can use fr the CSS selector.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jun 3, 2010, 07:52 PM
lipglosstheory
 
6 posts · Jun 2010
UPDATE: Figured it out, I needed to to use before_widget and after_widget. Thanks for all of your help juggledad!


I am so close! Using the css inserts I have added formating. I was able to get the background color, change the link color and link hover color.

However, it will not let me change the size of the text? There is also a white line below the text.

The code that I have added in the css inserts is:

#header-widget {
padding-right: 5px;
background: #666666;
height: 30px;
text-align: right;
text-transform:lowercase;
word-spacing:10px;
font-size: 12px;
}

#header-widget a:link, #header-widget a:visited {
color: #FEFEFE;
}

#header-widget a:hover {
color: #222222;
text-decoration:none;
}

Last edited by lipglosstheory; Jun 4, 2010 at 02:07 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Content into Header Bar %bar1 Steve_T Header configuration & styling 14 Apr 7, 2012 09:10 PM
Add content in the %bar1-section? GustavK Page & Category Menu Bars 1 Mar 3, 2010 02:50 PM
Using bar1 or bar2 for Javascript? paulae Header configuration & styling 3 Sep 30, 2009 11:47 AM
[SOLVED] How to import a widget' into %bar1 or 2 ? Sakshin Page & Category Menu Bars 2 Sep 15, 2009 06:18 PM
Styling footer links BigG Atahualpa 3 Wordpress theme 0 Mar 17, 2009 01:04 PM


All times are GMT -6. The time now is 05:38 PM.


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