March 20, 2018 at 18:43 UTC - Views: 53 #53937Answered
I need to create two columns on pages and within one of those columns I need to place images and text into columns (Please see LASartor.com front page for an example). I need my book series in the right column of that page to be in a horizontal column and the main page to have two columns as shown. The only way I could create this as it is now, is to use the Page Builder plugin. It’s not perfect and as you can see, my books are a vertical column within the primary two columns on the page. I was able to make it work once horizontally for the books, but can’t replicate what I did.
Additionally on my “bookshelf” landing page, I had to create a “gallery effect” to get them horizontal and clickable. As I’m adding new books fairly frequently I need to finally figure this problem out. I’ve tried searching the web for answers, and unfortunately, the best suggestion I found was to do the “gallery effect” which isn’t what I want.
Thanks, Leslie AnnMarch 20, 2018 at 20:13 UTC - Views: 41 #53947
the example website is invalid, and I cant quite make up what you are trying to do.
get us the right link, your site page link, and more details.
Article about multi columns tips
Also if you have PlusMarch 20, 2018 at 20:25 UTC - Views: 47 #53952Best Answer
This reply has been accepted as the best answer.
Since your have Weaver X Plus (per your post title) you can easily add columns just about anywhere with the Flex Column widget.
I also use Weaver link buttons (another Weaver X Plus feature) when I have to add images in a horizontal row, and you can easily shift, add, or remove buttons.March 20, 2018 at 23:03 UTC - Views: 29 #53955
OMG, you’re right, Huge problem, I’ll go see what’s wrong. I have a book launch in 5 days. Off to panic.March 20, 2018 at 23:22 UTC - Views: 32 #53956
Yup an update to a plugin gave me the error, it’s restoring now. As an aside to the column issue, I need to make sure I understand Weaver’s backup. Is there a thread about it? I’ll let you all know when the site is live again.March 20, 2018 at 23:24 UTC - Views: 26 #53957
Hi Maureen, I’ll go in and check this out once the site has been restored. I’m so leary of plugins and apparently rightfully so.March 20, 2018 at 23:39 UTC - Views: 24 #53958
Thanks for the links, Scrambler. I’ve printed off the pages so I can study them while I’m waiting for the restore. Maureen mentioned link buttons? Where can I find info on those. I’d like to get rid of my plugins and just use the power of the theme to do this layout.
LMarch 21, 2018 at 00:55 UTC - Views: 22 #53959
Site is back up if you all would like to take a look at it.
LMarch 21, 2018 at 02:45 UTC - Views: 19 #53963
Link buttons are in Xtreme Plus > Link Button page.
Click the red bubble for helpMarch 21, 2018 at 03:43 UTC - Views: 20 #53964
Okay, so if I want to create columns in main page area, I use arbitrary and assign it to that page? Yes, I don’t know what I’m doing. I just don’t want it to be on sidebar, but the main content.
LMarch 21, 2018 at 03:53 UTC - Views: 19 #53965
No idea what you mean by “use arbitrary”
The first thing is to clarify the column structure you are after, so we can determine the easiest way to do it.
For simple 2 or 3 columns, the HTML explained in the first article I referenced placed in the content editor or the page will do.
For a more complex structure that would require using the Flex columns Widget, you design the structure using the widget options, then you insert that widget into your page by using the Widget Shortcode plugin as explained in the article.March 21, 2018 at 04:26 UTC - Views: 12 #53966
Okay, bit by bit I’m understanding this.
What if I want to add an image in a text box?
Where do I find my sitewide CCS so at least I can style the boxes for this until I understand more about creating custom CCS for these boxes.
I’ll keep reading and trying on a test page.
Thank you for any additional help you all can offer.
It’s pretty nifty.March 21, 2018 at 04:33 UTC - Views: 18 #53967
“Arbitrary” is the widget setting for adding to a page.
Basically I want two columns on the main page. They will both have text and images that will link other pages.
The left column is simple, but the right column will also have horizontal rows that will have images of the books whick are clickable. Each row will be a separate “book series” that I’ve written. Currently, I have the main page in two columns using the site builder plugin, but it will not allow me much flexibility with the left column as the books are vertical instead of horizontal rows within in the column, so it’s harder, especially on mobile to see an entire series by their covers.March 21, 2018 at 05:12 UTC - Views: 17 #53968
I suspect there will be an unlimited number of books.
To get rows of books composed of an image on the left and text on the right, all you need is HTML that looks like below
<a class=”myimage”><img src=”Image1Url”/></a> <div class=”mytext”>The text for the book1</div>
<a class=”myimage”><img src=”Image2Url”/></a> <div class=”mytext”>The text for the book2</div>
<a class=”myimage”><img src=”Image3Url”/></a> <div class=”mytext”>The text for the book3</div>
And add the CSS below in the theme Custom CSS Rule box for the styling. We can add more styling as necessary, like setting a width percentage for each part …
And so you can use a flex column widget with two text boxes, one for the left column, and one for the right, and put the HTML above in the right text box
You must be logged in to reply to this topic.