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 » Center area post/pages »

All my posts are showing up in the left column - trying to get 3 columns


  #1  
Old Mar 12, 2014, 04:35 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
I've tried to install and use Juggledad's Mulit Column/Custom Query page template to create a home page with a single post on top and three posts in 3 columns under it. Here's a link to my current result which has the one post on top as it should be but then has 3 posts stacked in the left column. Any help will be greatly appreciated.
__________________
Art Hart
Websites by Ideal
  #2  
Old Mar 12, 2014, 04:52 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Umm....I don't see a link....
What happens if you make the first post a draft to see if it is causing an effect?
__________________
"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 12, 2014, 05:14 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
Hi Juggledad,
Thanks for your prompt reply.
When I made the first of the three posts a draft, it simply disappeared from the top of the left column. The text at the top of the page apparently isn't being treated as a post - it's simply the editable content of the page.
The link that I forgot to include is : http://wbidemo.com/encompasshealthcaresolutions/
__________________
Art Hart
Websites by Ideal
  #4  
Old Mar 12, 2014, 06:39 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
there is an custom field to display or not display the page text. what are your custom fields set to?

by the way, with only one post active there is no way to see an issue...
__________________
"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 12, 2014, 07:31 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
number_of_columns 3
posts_above_the_column 3
show_page_text yes
show_page_title yes
ttw-hide-footer on
wvr-hide-page-infobar on
wvr_page_layout three-column

I've made all three posts active again.
__________________
Art Hart
Websites by Ideal
  #6  
Old Mar 12, 2014, 07:48 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you say you want 3 columns and want 3 posts above the columns, how many posts will you need to see any in the columns?

The answer to this question will make up 80% of your final grade

Ps what is the wvr-three-column-layout for??
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 12, 2014 at 07:50 PM.
  #7  
Old Mar 12, 2014, 08:08 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
number_of_columns 3
posts_above_the_column 1
show_page_text yes
show_page_title yes
ttw-hide-footer on
wvr-hide-page-infobar on

Changed the custom field values to the aboove.

Still getting all thre post showing up in the leftmost column.
__________________
Art Hart
Websites by Ideal
  #8  
Old Mar 13, 2014, 04:45 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) what is the custom field 'wvr_page_layout three-column' from? a plugin? is it something that is making trying to create a 3 column layout too?

2) what happens if you disable all your plugins?

3) I don't see your custom query, did you create a custom feild 'custom_query' with a query?

4) go to ATO->Export/Import settings - do an export and attach the file to a reply.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 13, 2014 at 04:51 AM.
  #9  
Old Mar 13, 2014, 07:07 AM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
I'm not sure where that other three column custom field originated. I was trying to see if it had any useful effect but it is now deleted. I also deactivated all plugins and have attached the exported settings file. Thanks again for your help and your patience.
Attached Files
File Type: txt ata-wbidemocom-20140313.txt (14.9 KB, 284 views)
__________________
Art Hart
Websites by Ideal
  #10  
Old Mar 13, 2014, 08:04 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
can you explain - in english - what you think this CSS in your CSS inserts is doing?
HTML Code:
div.post, div.page .mccq_column1 .mccq_column2 .mccq_column3 {
    display: inline-block;
    width: 33%;
}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Mar 13, 2014, 08:15 AM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
I'm trying to set the width of the three columns to 33% so they will fit side by side across the page.
__________________
Art Hart
Websites by Ideal
  #12  
Old Mar 13, 2014, 08:23 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I know what your trying to do, but what I want you to do is parse that CSS selector and tell me how it will work.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Mar 13, 2014, 08:29 AM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
Sorry, but I'm out of my depth on this css. I tried to use Firebug to find the appropriate selector(s) to use but I'm sure that I blew it.
__________________
Art Hart
Websites by Ideal
  #14  
Old Mar 13, 2014, 09:47 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Go look at the thread I pointed out in post #4 and there is an example of the CSS you would use for three columns. The CSS you coded is...how do I say this...it will do what you told it to do, but that' snot what you wanted it to do.

You might want to take a CSS tutorial.http://htmldog.com/guides/css/ is good
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #15  
Old Mar 13, 2014, 10:19 AM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
Thanks Juggledad,
I changed the css as per your suggestion in Post #4 but the three posts are now stacking and taking up the full width of the page. I've attached the current settings file.
Attached Files
File Type: txt ata-wbidemocom-20140313-R1.txt (14.9 KB, 274 views)
__________________
Art Hart
Websites by Ideal
  #16  
Old Mar 13, 2014, 11:24 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
According to a previous post of your you said you had posts_above_the_column set to 3 so in order to know if the code is working you will need to change that or add more posts.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #17  
Old Mar 13, 2014, 11:34 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what you have is….different but not correct. You have
HTML Code:
body.page-id-2.mccq_column1 body.page-id-2.mccq_column2 body.page-id-2.mccq_column3 {
    width: 33%;
}
what this CSS Selector says in english is:
for a body element with the two classes page-id-2 and mcc_column3 that
is a child of a body element with the two classes page-id-2 and mcc_column2 that
is a child of a body element with the two classes page-id-2 and mcc_column1 , apply this CSS rule.

I don't think you will find a case where this selector applies. And this is not what the example showed.

(You really shold take a CSS tutorial )
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #18  
Old Mar 13, 2014, 11:59 AM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
I did just go through the tutorial and have now separated out the three column width css specifications. However, the problem is there doesn't seem to be any corresponding HTML elements with those classes for the css to apply to.
I've attached the latest setting file.
Thanks,
Art
Attached Files
File Type: txt ata-wbidemocom-20140313(1).txt (15.0 KB, 358 views)
__________________
Art Hart
Websites by Ideal
  #19  
Old Mar 13, 2014, 12:12 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
so how many posts are there and what is your setting for posts_above_the_column now set as?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #20  
Old Mar 13, 2014, 12:12 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Also did you set posts_above_the_column to less than 3 and/or add some more posts.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #21  
Old Mar 13, 2014, 01:29 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
OK, by setting the value of posts_above_the_column to 0, I got the three posts to show up side-by-side! Now what I need to do is to reverse the order of the posts and put in some padding so they have a bit of space between them.
Thanks again for your help and patience.
P.S.: If you know how to easily reverse the order of the posts, please let me know.
__________________
Art Hart
Websites by Ideal
  #22  
Old Mar 13, 2014, 01:38 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This is where you have to craft your 'custom-query' and look at the options that are available. see http://codex.wordpress.org/Function_...ce/query_posts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #23  
Old Mar 13, 2014, 04:16 PM
ArtHart
 
12 posts · Mar 2014
Pearland, Texas
Getting these three post to appear side-by-side is a great breakthrough as far as I'm concerned. However, before I can show this website to my client, I need to space them out so they don't run into each other and get rid of the date, category and comment closed remarks at the bottom of each column that makes the look like blog posts. Could you please point me in the right direction for accomplishing this?
__________________
Art Hart
Websites by Ideal
  #24  
Old Mar 13, 2014, 06:44 PM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you currentlty have the following in your CSS Inserts
HTML Code:
table.mccq_column1{ width:200px;cellpadding:10px cellspacing:10px}
body.page-id-2.mccq_column2{ width:300px;cellpadding:10px cellspacing:10px}
body.page-id-2.mccq_column3{ width:200px;cellpadding:10px cellspacing:10px}
1) where did you come up with 'table.mccq_column1'?

2) I think you need to do a google search and look up the CSS syntax 'cellpadding' and 'cellspacing'.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #25  
Old Mar 13, 2014, 07:50 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Another thing is you are missing a space in the code. For instance
HTML Code:
table.mccq_column1
Should be
HTML Code:
table .mccq_column1
And
HTML Code:
body.page-id-2.mccq_column2
Should be
HTML Code:
body.page-id-2 .mccq_column2
And as Juggledad mentioned you need to understand padding syntax. I think padding instead of of column widths might make more sense.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
muli column layout

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Move Center Column/Posts to the left? sanguango Page & Category Menu Bars 8 Jun 3, 2011 07:37 AM
How can I show 1st post in one-column, and rest of the posts in two-columns format brunomeirinho Center area post/pages 0 May 1, 2010 08:15 PM
[SOLVED] posts in the middle column don't fill the entire space between left and righ foulapi Page & Category Menu Bars 2 Dec 2, 2009 03:30 AM


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


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