Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Adding more than one custom widget area to the center column (http://forum.bytesforall.com/showthread.php?t=5856)

maguai Feb 12, 2010 03:33 PM

Adding more than one custom widget area to the center column
 
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:confused:

juggledad Feb 13, 2010 06:34 AM

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)

maguai Feb 15, 2010 09:55 AM

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 :(

juggledad Feb 15, 2010 01:00 PM

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.

maguai Feb 28, 2010 04:30 PM

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

maguai Feb 28, 2010 05:27 PM

Quote:

Originally Posted by maguai (Post 26679)
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.

juggledad Feb 28, 2010 06:02 PM

what is the code you used to define the new widget area in the center?
What widget have you added there?

maguai Mar 1, 2010 09:23 AM

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.

juggledad Mar 1, 2010 10:43 AM

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.

maguai Mar 1, 2010 04:02 PM

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!


All times are GMT -6. The time now is 11:59 AM.

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