Main Paqe 4 Columns Using Widgets - Text Widgets? « Support Forum | Kriesi.at

Support Forum » CleanCut

Main Paqe 4 Columns Using Widgets - Text Widgets?

15 posts from 3 voices

Started 2 years ago by deadintoit2
Latest reply from James Morrison
This topic is not resolved

Tags:

deadintoit2
Member

The documentation says:

===============

Mainpage Columns
The 4 mainpage columns below the frontpage slider can be populated either via posts of specific post categories, pages or widgets.

===============

So I Figure, "Great, I can do what I want to do easily". hmmmmmmm.....

I just want text content in the 4 columns below the Feature Slider.

I tried pointing them to "Pages" in the Clean Cut Options section and it looks pretty bad.

Here is my problem: http://www.getfreedom.com/1arebuild/ (Scroll down)

In "Widgets" - Main Page Column 1,2,3 & 4 it seems nothing can be added to the widget without dropping a text widget into a column widget.

In fact any widget I drop into one of the column widgets (Calendar, Tags, Links etc.) end up one on top of the other, not in columns.

I tried using just straight text in the text widgets within the Main Paqe Column Widgets with the same result.

Most recently I tried using the "One Forth Column" short codes ( As you will see on the page now) and have the same problem. No columns. it just stacks the widgets.

What am I doing wrong?

Thanks again for your help.

Mike

Posted 2 years ago #

James Morrison
Former Team Member

Shortcodes should always be on their own lines. The title tags also need to be within the one_fourth code or the layout will break and be full width (as yours is now). Use this code as a template for your homepage with 4 columns:

[one_fourth]
<h3>Flexibly Frontpage</h3>
[dropcap2]1[/dropcap2]nean  commodo ligula eget dolor. Aenean massa.  Cum sociis natoque penatibus et  magnis dis parturients mus.

<img class='noborder ie6fix' src="http://dl.dropbox.com/u/2025095/alwaysonline/avisio/iconsets1.png" alt="1" />
[/one_fourth]

[one_fourth]
<h3>Unlimited Skins</h3>
[dropcap2]2[/dropcap2]nean  commodo ligula eget dolor. Aenean massa.  Cum sociis natoque penatibus et  magnis dis parturients mus.

<img class='noborder ie6fix' src="http://dl.dropbox.com/u/2025095/alwaysonline/avisio/iconsets2.png" alt="2" />
[/one_fourth]

[one_fourth]
<h3>Content Importing</h3>
[dropcap2]3[/dropcap2]nean  commodo ligula eget dolor. Aenean massa.  Cum sociis natoque penatibus et  magnis dis parturients mus.

<img class='noborder ie6fix' src="http://dl.dropbox.com/u/2025095/alwaysonline/avisio/iconsets3.png" alt="3" />
[/one_fourth]

[one_fourth last]
<h3>Shortcodes</h3>
[dropcap2]4[/dropcap2]nean  commodo ligula  eget dolor. Aenean massa.  Cum sociis natoque penatibus et  magnis dis  parturients mus.

<img class='noborder ie6fix' src="http://dl.dropbox.com/u/2025095/alwaysonline/avisio/iconsets4.png" alt="4" />
[/one_fourth]

Posted 2 years ago #

deadintoit2
Member

Hi James,

What you say certainly makes sense but still the same results. Stacked widgets and now "one_fourth" short code commands show above and below each entry.

I used the code in your reply exactly as instructed. Nothing in the title field of each widget and the H3 tag for the title in the body of each widget as you can see here:

http://www.getfreedom.com/1arebuild/

Should I hard code these into the index.php page using the "one_fourth" short codes?

Thanks for your efforts.

Posted 2 years ago #
mcmedia79
Member

I have the same problem!

Temporarely I managed to bypass the problem by creating posts that looks the same as the widgets I'm trying to insert in each column...

But If I could have a 4 columns widget, that would be a lot nicer.

Thanks.

Posted 2 years ago #
deadintoit2
Member

McMedia79,

So I've loaded an HTML table with all 4 columns in the first of the four column widgets only and here's what happens:

http://www.getfreedom.com/1arebuild/

It's not necessarily the way it should be done and I'm not sure about the XHTML/CSS Validation (I'll check) but it worked.

Here is the code if you decide to do it this way:

<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td valign="top" width="25%"> <h3>Column 1 Heading</h3> your text content here your text content here your text content here your text content here your text content here your text content here your text content here Your Page Name. </td> <td valign="top" width="25%"> <h3>Column 2 Heading</h3> your text content here your text content here your text content here your text content here your text content here your text content here your text content here Your Page Name. </td> <td valign="top" width="25%"> <h3>Column 3 Heading</h3> your text content here your text content here your text content here your text content here your text content here your text content here your text content here Your Page Name. </td> <td valign="top" width="25%"> <h3>Column 4 Heading</h3> your text content here your text content here your text content here your text content here your text content here your text content here your text content here Your Page Name. </td> </tr> </table>

Hope this helps McMedia79 - But I still hope we get the CORRECT Remedy from support.

Mike

Posted 2 years ago #
James Morrison
Former Team Member

Interesting that a few people are having the same issue... This may be a bug in the theme however I can't reproduce it, it works fine here: http://kriesi.jamesmorrisondesign.com/cleancut/test-shortcodes/

Can I check, are you using the HTML view when entering the Shortcodes or the Visual view? I used the HTML view and had no problems.

Posted 2 years ago #
deadintoit2
Member

Hi Jmes,

As the documentation says;
==============

Mainpage Columns
The 4 mainpage columns below the frontpage slider can be populated either via posts of specific post categories, pages [strong]or widgets[/strong]. (hmmmmm it seems BB Code for bold/strong doesn't work as it says below.)

==============

And since there are 4 Column Main Page widget areas . . . .

I was loading a blank TEXT Widget into the Column 1 widget, then loading the [one_fourth] code into that text widget.

. . . then of course loading each successive column content with the [one_fourth] code into a text widget I loaded into each successive Main Page Column widget area.

There is no HTML tag on the widgets that I can find. Was I supposed to be loading the [one_fourth] codes all into a page that gets pulled into the main page using the page editor in HTML mode?

I must have missed that some how if I should have been loading them into a page that gets php called into the main page.

I guess I'm mixed up.

Mike

Posted 2 years ago #
James Morrison
Former Team Member

I got mixed up with Avisio I think. That theme has to use Shortcodes to display columns on the front page, whereas CleanCut gives you the option to use widgets.

I have looked into this in more detail and can see that there is a bug -> http://kriesi.jamesmorrisondesign.com/cleancut/

** Edit

To fix this bug please follow the instruction on this post -> http://www.kriesi.at/support/topic/widgets-problem

Posted 2 years ago #
deadintoit2
Member

Thanks anyway James,

I think I'll leave it the way it is. I've tested it in 5 browsers and looks fine. I still have a lot to go on this one before I go into changes like that.

I have made a copy of the instructions at the link you provided above and thank you for that.

I'm sure I'll have a few more questions before I'm finished though and it GREAT knowing you folks are here for your customers.

Mike

Posted 2 years ago #
deadintoit2
Member

So I finally got around to seeing how bad the validation is on the way I have the columns with the proprietary (Standard) HTML tables code above. NNNNANT! Won't validate (of course).

So is Kriesi going to update the php and css for this theme so it works as advertised and explained in the documentation so people that want to have their content display similar to mine http;//www.menifeebodyshop.com - without having to hope they find this post or the original post you referred me to above James?

Just curious.

Thanks,

Mike

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

The next update to the CleanCut theme will include this bug-fix. ;-)

Cheers,
James

Posted 2 years ago #
deadintoit2
Member

Excellent!

Thanks James.

Now I have to figure out how to get the portfolio to work like it does in Kreisi's demo:

http://www.kriesi.at/themes/cleancut/portfolio/

. . . BUT I just want photos without the "Read More" button - More like a photo album . . . should I be using an Album/Gallery type plugin for something like that instead of the built in Portfolio feature?

If you have a suggestion on which would be best I'd appreciate it.

Thanks,

Mike

Posted 2 years ago #
James Morrison
Former Team Member

The easiest way to build the site exactly like the demo is to use the built in content importer which copies in all the content and sets up the portfolio.

To remove the "Read More" button from the portfolio, open up template_portfolio.php, find and remove this code (around line 130):

echo "<a href=".get_permalink()." class='more-link'>".__('Read more','cleancut')."</a>";

To literally display a "photo gallery", you could also remove this code (just above the Read More code):

the_excerpt();

My advise: don't use a plugin for anything that can be done within the theme, this just slows down the site.

Posted 2 years ago #
deadintoit2
Member

And thanks again James.

That works perrrrrrrrfect. No more "Read More" box.

It does appear that if you want your images to appear in a specific order that you must load them last to first for them to show first to last because the default sort order is by "Date" instead of "Name".

Is there a way to change that? Like change the default sort order to be "Name" so you can number all your images and have the show up the way you want them to?

As it is with the sort order by "Date" as the default, if you are adding images, say of a piece of work from beginning to completion, the more complete work pictures end up at the top instead of the bottom. That is unless there is a way to change the date sort order from descending to ascending. Is that possible. Seems like a more logical way for it to work to me. But maybe that's just me. And maybe the java script can't work any other way.

If you have any ideas before I do all this last entered first shown work, I'd reeeeeeeeeeally appreciate it.

hmmmmmm ...... had another question but it escapes me now. I'll be back when my brain is working again.

Thanks again for your help.

Mike

P.S. Here is the portfolio page 'I'm referring to: http://www.menifeebodyshop.com/about/portfolio/

The picture on the right was loaded first. The middle picture is from the second category. So I guess it sort order is by date all portfolio items need to be put in for one category at a time. Right? hmmmm but wait a minute. There has to be at least 2 categories with one image each for anything to show on the portfolio page? Or maybe that is there just has to be 2 categories and you can fill up one and then the other. Yeeeeesh. I better go back and read the documentation yet once again :)

Posted 2 years ago #
James Morrison
Former Team Member

Hey Mike,

To adjust the default order of your Portfolio entries, open up template_portfolio.php, find this code:

$query_string .= "&post_type=portfolio";

and replace it with:

$query_string .= "&post_type=portfolio&orderby=ASC";

To have the category sort show up, you need at least 2 categories with at least one entry in each. :)

Cheers,
James

Posted 2 years ago #