Column classes problem

[Maja]

hello!

Trying to style up my content using column. Im using genesis and magazine pro. I tried the tutorial here on Studiopress https://gist.githubusercontent.com/studiopress/5700003/raw/9061f31aee56c5503f675b3ae7ec16f3b96c74dd/two-columns.html

but cant make it work.

Is there an update bug or am I to stupid?

http://dahlinekonomi.se

[frobn]

Your source is showing 2 paragraphs.

What code are you using in the wp editor?

[Maja]

Hi!

I was using the code for column classes directly in the post/page. Im beginner to WP, sorry could you specify WP editor a bit?

[frobn]

Your source code shows you are using a plugin for the columns. The example you linked to is not for a plugin. You you can create columns directly by editing your page. When you edit the page select the "Text" tab in the top right corner of the editor.

<div class="one-half first">
your text for column 1
</div>

<div class="one-half">
text for column 2
</div>

I am not familiar with the plugin you are using but it likely uses shortcodes which would go in the "Visual" editor.

[Victor Font]

The WordPress Editor is where you edit your posts and pages. Since you already created a post, you had to have used the WP Editor to do so. There are two tabs on the editor, the Visual tab and the Text tab. Whenever you custom HTML to a post or page, you should use the text tab.

Column classes with not display in a formatted way on a blog archive page. This is the page that displays all of your blog posts list in reverse chronological order. You have to click through to the actual blog post to see the format. In your blog post, you have not added the column classes.

If you need to learn how to use the tools that are built into WordPress, I have free WordPress video training on my site. All you have to do is sign up to watch the videos. http://victorfont.com/wp101-training/training-registration/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Maja]

Thanks for your kind replies.

When trying to use this. Im trying to put an image in the "second half" put the image will appear below the text. Why is that?

//Maja

[Liz]

If an image (sized properly for the space) is in the second column, on a larger screen it will show in the 2nd column.

The media queries written for Genesis column classes set each column to be 100% width below a certain screen size, so on smaller screens, column two will appear below column one.

[Author]

Posts