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 » Sidebars & Widgets »

Adding more than one custom widget area to the center column


  #1  
Old Feb 12, 2010, 02:33 PM
maguai
 
18 posts · Jul 2009
I have one widget area in the center column above the main part of the page an right below the header area.It works fine and its called 'nav'. I want to add another in the main page area somewhere below some text. (This is a regular page, not post). 1), I am not sure where to add the code in the loop area and 2). When I add another area with a different name, say 'concert' it renames existing 'nav' to 'concert' in my widgets area so that I only show one widget area. Even worse, when I delete the code for 'concert', 'nav(that is now called 'concert' for some reason) disappears from the page. I have to either rename it to 'concert' in the code or its gone.. Weird... here is my page http://www.the80schild.com
  #2  
Old Feb 13, 2010, 05:34 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa are you using. There is a bug in the early versions that got the new widget area (see http://forum.bytesforall.com/showthr...ghlight=bugfix)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 15, 2010, 08:55 AM
maguai
 
18 posts · Jul 2009
I have an older version 3.4.1. I had some code changes to customize the header and Pagebar. How can I upgrade and still keep my code changes? I dont know alot about php, it took about a week to get those changes to work
  #4  
Old Feb 15, 2010, 12:00 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Any changes to the base theme code you will have to re-do. This is why I recommend people not change the code. Any options you have set will not be lost because they are in the database.

You will need to refer to your documentation of the changes you made. You can compare the modules, but don't be suprised that from one release to another things change, stuff is moved, new modules are creates, old code is wiped out. It could happen.

Try doing a compare of the new module to the one you changed. Good luck.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Feb 28, 2010, 03:30 PM
maguai
 
18 posts · Jul 2009
Okay, I updated and its all good, I want to style the center page widget. I try using any of these div or class in the css inserts but the widget is always the default style. Its not a text widget but a recently updated pages widget. so I don't know if this is possible, I just don't like the way it looks I don't want the sidebar ones to change just the new widget area
Here is the source code:
<div id="my_updated_concerts" class="bfa_widget_area"><div id="recently_updated_pages-5" class="widget Recently_Updated_Pages">
  #6  
Old Feb 28, 2010, 04:27 PM
maguai
 
18 posts · Jul 2009
Quote:
Originally Posted by maguai
Okay, I updated and its all good, I want to style the center page widget. I try using any of these div or class in the css inserts but the widget is always the default style. Its not a text widget but a recently updated pages widget. so I don't know if this is possible, I just don't like the way it looks I don't want the sidebar ones to change just the new widget area
Here is the source code:
<div id="my_updated_concerts" class="bfa_widget_area"><div id="recently_updated_pages-5" class="widget Recently_Updated_Pages">
I actually used a div#my_updated_concerts to edit the style but now each page is shown in the widget as:
<ul><li class='page_item page-item-194'><a href='http://www.example.com...'>Heart Concert Tour</a> on Sun - February 28, 2010</li>
<li class='page_item page-item-196'><a href='http://www.example.com/..'>Journey Concert Tour</a> on Sun - February 28, 2010</li>
Is there a way to apply css to these? Maybe globally instead of each page # 194,196 etc? Im just trying to make this list more readable. It has massive pages in a list and just gets difficult to read.
  #7  
Old Feb 28, 2010, 05:02 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what is the code you used to define the new widget area in the center?
What widget have you added there?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #8  
Old Mar 1, 2010, 08:23 AM
maguai
 
18 posts · Jul 2009
I used
<?php bfa_widget_area('name=My updated concerts&align=9'); ?> for the widget area
I used a widget from a plug in called Recently Updated pages by Ehsanul Haque
The idea is to list pages that get updated. Since they are concert pages and constantly get updated, this puts the new dates added on top automatically. Easier than having to do it manually. You can see the widget at the bottom here.
I just think it needs a little style, its hard to read.
  #9  
Old Mar 1, 2010, 09:43 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
it looks like you no longer have the CSS using the 'div#my_updated_concerts' in your code.
You have to know how CSS works, there are rules of precedence. take teh following HTML from your page
HTML Code:
<div id="my_updated_concerts" class="bfa_widget_area">
	<div id="recently_updated_pages-5" class="widget Recently_Updated_Pages">
		<div class="widget-title">
			<h3>Recently Added Concert Dates 2010</h3>
		</div>
		<ul>
			<li class='page_item page-item-209'><a href='http://www.the80schild.com/80s-artists/pat_benatar/' title='Pat Benatar Concert Tour'>Pat Benatar Concert Tour</a> on Mon - March 1, 2010</li>
			<li class='page_item page-item-194'><a href='http://www.the80schild.com/80s-artists/heart/' title='Heart Concert Tour'>Heart Concert Tour</a> on Sun - February 28, 2010</li>
			<li class='page_item page-item-196'><a href='http://www.the80schild.com/80s-artists/journey/' title='Journey Concert Tour'>Journey Concert Tour</a> on Sun - February 28, 2010</li>
			<li class='page_item page-item-711'><a href='http://www.the80schild.com/80s-artists/the-church-concert-tour/' title='The Church Concert Tour'>The Church Concert Tour</a> on Sun - February 28, 2010</li>
...<snip>...
			<li class='page_item page-item-227'><a href='http://www.the80schild.com/80s-artists/yes/' title='Yes Concert Tour'>Yes Concert Tour</a> on Wed - August 19, 2009</li>
		</ul>
	</div>
</div>
if you code a CSS statement
HTML Code:
div#my_updated_concerts {color: blue;}
and there was no other CSS, the color of all the text in that <div>........</div> would be blue. If however youhad teh following CSS
HTML Code:
div div {color: yellow;}
div#my_updated_concerts {color: blue;}
all the text would be yellow, because the DIV DIV is more specific.

Given that the Atahualpa CSS is about 3200 lines, you can imagine that the general cases have options set and you need to be specific to override them.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Mar 1, 2010, 03:02 PM
maguai
 
18 posts · Jul 2009
Thanks Juggledad, I went for a new approach using wp-tables reloaded to customize some info instead. Gave me the look I wanted. thanks for the help!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Inserting custom <ul> and <li> tags for left column widget only recipemagician Sidebars & Widgets 9 Jan 26, 2010 03:14 AM
[SOLVED] aligning slideshow gallery within custom widget area rinoa3108 Header configuration & styling 3 Dec 30, 2009 03:46 AM
[SOLVED] Permanent text area in center column valis Atahualpa 3 Wordpress theme 4 Oct 16, 2009 06:50 PM
Adding a widget to a header area animeeyez Header configuration & styling 1 Aug 23, 2009 12:04 PM


All times are GMT -6. The time now is 02:04 PM.


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