I would like to divide the page into two columns.
Home › Forums › WordPress Themes – Premium › Pure & Simple › I would like to divide the page into two columns.
- This topic has 15 replies, 23 voices, and was last updated 6 years, 11 months ago by
Sushil Adhikari.
-
AuthorPosts
-
April 9, 2016 at 4:28 am #17217
Kelly
MemberI would like to have to break my pages up into halves (or even thirds) for different layouts.
For example I would like to have a text box on the left and then an image on the right. Then below that and image on the left and a text box on the right.
I can’t seem to find a file of code shortcuts that usually come with a theme…For example – with other themes I have used commands like the following would give me the desired page layout.
[one_half] content [/one_half] [one_half_last] content [/one_half_last].
How would I go about creating this with the pure and simple theme?
April 10, 2016 at 6:00 am #22698Kelly
MemberFor your further information – I have watched the tutorials and can see that the widgets are how I would go about this and you say that Jetpack is how you customise what widgets appear on what page – however I cannot work out how to do that. Could you please explain this further.
April 11, 2016 at 11:48 am #22701Sushil Adhikari
ModeratorHi there,
We are sorry to say you that we don’t have any shortcode for page layout. But blog layout on customizer may help you on this.
You can use masonory blog layout. directly from customizer. For this
Go to dashboard -> appearance -> customize -> Basic setting -> on blog layout you can find Masonry with no Sidebars checkbox -> after checking on this you will get 4 column layout.Let us know if we are understanding fully or perhaps this not what you meant for.
Thanks
April 11, 2016 at 12:31 pm #22702Kelly
MemberBut then it would have to be a blog and I need it for the pages.
For example to have a text box on the left and then an image on the right.
Underneath to have the opposite, an image on the left and a text box on the right. I have been trying to create it with code in text section of the pages but your theme doesn’t seem to support me putting in my own code in the text section (which I find very strange).Am I missing something? Is there some way I can make the theme read standard coding?
April 11, 2016 at 1:45 pm #22703Sushil Adhikari
ModeratorHi kelly ,
Content-page.php template is used for displaying page content in page.php As single page take page.php template to display its content. @SEE for template hierarchy https://developer.wordpress.org/themes/basics/template-hierarchy/
So you need to customize content-page.php template , keeping on child theme.
Note: Please use child theme to customize parent template so your changes will not lost on theme update.
Thanks
April 11, 2016 at 1:53 pm #22704Kelly
MemberI don’t think it would make much sense to put it into the style editor. Usually when I am putting text into pages and posts on website I can add tables, formatting, etc. by switching from visible to text and adding the code that is outside of the themes options. Your theme does not seem to accept code even when in text mode. Is there any way that I can change this?
April 11, 2016 at 2:43 pm #22705Sushil Adhikari
ModeratorThat’s should work kelly. Make sure you are not using page template on that particular page. Because assisgning page template will overwrite your changes on page editor.
If this doesn’t answered your queries than we request you to come on live chat so we can discuss on your issue clearly.
Thanks
April 11, 2016 at 3:25 pm #22706Kelly
MemberNo it does’t. I have chosen both full width page and default options for the page template. I then go into “text” and put the following:
1st column2nd columnWhen I switch back to visual all I see is:
1st column
2nd columnon top of each other exactly how you see them here…. Any suggestions on why the code isn’t working?
April 12, 2016 at 8:24 am #22707Sushil Adhikari
ModeratorHi there,
Could we know where you have placed the css for styling those div. Because to see css effect on page visual screen you need to enqueue your css on admin area. You can see this article for reference https://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_script:
Let us know if you have more question, we will be more than glad to satisfy you.
Thanks
April 12, 2016 at 10:51 am #22710Kelly
MemberThe link you provided does not have any information on it. The page is no longer available.
I don’t understand the term “enqueue your css on admin area”. I put the above code into the text box of ‘edit page’ for the page I want it to appear. In every other site I have created this has been enough to add formatting etc. that are not included in the theme. I am sorry but if something more is required you are going to have to be very specific. I will need to add code to format all of the pages differently considering the very limited shortcakes provided for formatting and layout in this theme.
Many thanks,
April 12, 2016 at 12:56 pm #22711Sushil Adhikari
ModeratorHi kelly,
You have places this html on text panel of page editor.
1st column2nd columnHere in this case if you have placed proper css then you can see the effect on visual editor. For example if you write this following css on style.css file you will see the effect,
.one-half { background-color: red; }
This will make your background color of 1st column to red.
Hope this clarify your queries., if not please come on live chat so we can discuss broadly.
ThanksApril 12, 2016 at 1:01 pm #22712Kelly
MemberI placed exactly what you wrote on the text panel of the page editor and it has NOT provided me with the two columns I require. The text panel is NOT responding to any HTML code at all.
Do I have to put something into the style.css to make the theme responsive to code within the page editors? Are we able to live chat about this as I am not are we are completely understanding each other.
April 12, 2016 at 1:11 pm #22713Sushil Adhikari
ModeratorYeah sure, we are online now,
April 12, 2016 at 1:13 pm #22714Kelly
MemberLet’s start from the beginning – Should the theme be responsive to standard html code when entered into the text box of the page editor?
April 12, 2016 at 1:14 pm #22715Kelly
MemberIs this where we do the live chat? Not in the live chat window in the bottom right of my screen?
-
AuthorPosts
- You must be logged in to reply to this topic.