Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'COLUMNS'
-
Search Results
-
In forum: Virtue Theme
In reply to: Gap between images on front page
Hey,
Glad that worked how you wanted.I only added an attribute
tablet="span6"to the shortcode.[span3]to
[span3 tablet="span6"]I did this after the first edit just because I figured it made more sense for the columns to be 2 on tablet and not 1. The span shortcodes have some control that can optionally be added for tablet and mobile sizing. So it was just a tweak on my end after seeing the output.
In terms of attributing the work, you can simply choose your user. This would only effect the logs for who made edits.
Ben
In forum: Virtue ThemeIn reply to: Gap between images on front page
ok, I think it’s clear.
It’s certainly odd that (before when both Kevin and I looked) while you had the shortcodes added that Kevin told you to add you didn’t see it working on the front end as we did.
You will want to add those shortcodes if you want to control this page through the standard editor. I would be happy to do this for you if you would like. Just send a new login or let me know if the previous one you posted for Kevin is still active.
Or you can add back in the shortcodes as specified from Kevin, the basic outline for each row being:
[columns][span3] First image, text and links [/span3][span3] Second image, text and links [/span3][span3] Third image, text and links [/span3][span3] Fourth image, text and links [/span3][/columns]Then you can post a screenshot of what you are seeing on your front end and that will help us understand how to proceed.
In forum: Virtue ThemeIn reply to: Gap between images on front page
Well shoot, I’m sorry I came across as frustrated. I really am not and I’m sorry I was lecturing. I do want to help and explain not just tell.
For the record, I don’t think you pasted into the visual editor but your screenshot and what I thought you were saying your issue was showed that tab so I wanted to be clear and explain that it wouldn’t look correct if you pasted into the text tab and then clicked on visual. The visual tab won’t look like the front end when using the shortcodes. And it’s best to stay in the text tab to preserve the code from being interpreted.
So my issue is that I don’t understand what the problem is that you are encountering.
When I clicked the link you posted I saw what Kevin did. A working grid with 4 columns. I did not see a problem with the grid on that page. The issue I saw was your screenshot of the visual editor where everything was a mess and it always would be like that in the visual editor. So I was trying to explain that.
Based on your new post. It sounds like you are basing off the visual editor tab and you want that to be the look you get on the front end. Is that correct?
In essence, you want a grid with four columns and then another column to the right of that grid with text?
How would you like this to look on mobile? Do you want that text on the right to be above the images or below?
I’m sorry this has not been smooth.
Also, can you send me a screen shot of what you are seeing on the front end just so I am clear? Thanks!
In forum: Pinnacle ThemeIn reply to: Staff page – animation when re-sizing the window
No, I just don’t want the animation that happens when the page switches from three columns to two, or from two to one.
In forum: Pinnacle ThemeIn reply to: Staff page – animation when re-sizing the window
Just to be sure I’m understanding, you would like the staff to show in 3 columns regardless of the size of screen?
-Kevin
In forum: Virtue ThemeIn reply to: Testimonial Carousel in Product Tab
I should’ve linked to this earlier. All of the options for the shortcode can be found here so you can customize as needed:
http://docs.kadencethemes.com/virtue-premium/shortcodes/So if you need to adjust columns, you can add that like this:
[carousel type=testimonial cat=group1 columns=4]If that doesn’t work, can you please post a link so that I can see how it’s showing on your site?
In forum: Virtue ThemeIn reply to: Gap between images on front page
Did you clear your cache after making the change? Unless I’m misunderstanding your goals, this page is showing correctly now:
http://meadowcroft-dyeworks.com/crayon-box/Sorry, I’m not sure I could explain more simply. There isn’t much to it. The shortcodes are initially selected with the “Virtue Shortcodes” button at the top of the editor. Then it’s a matter of selecting the amount of columns, and finally adding your content to the columns.
If you have any specific questions I’m happy to answer them, but it looks to me like you got it! 🙂
-Kevin
In forum: Virtue ThemeIn reply to: Gap between images on front page
I changed all instances of span4 to span3 with 4 instances of span3 between [columns] and [columns]. That didn’t solve either issue. I don’t code. If you could please give me instructions in everyday English, I’d be much obliged. I really don’t understand this stuff, and I’m not understanding enough from your instructions to be doing this.
In forum: Virtue ThemeIn reply to: Gap between images on front page
Actually, a simple way to change them to 4 columns is to change “span4” to “span3” within your shortcodes. Just be sure that there are 4 instances of span3 within each column shortcode.
Hopefully that makes sense.
-Kevin
In forum: Virtue ThemeIn reply to: Gap between images on front page
No, I didn’t change anything. I didn’t want to mess anything up since your shortcode configurations are quite complex, so I left it as is for you to edit. You’ll just have to copy and paste the content that you’ve added to the 3 columns into a 4 column shortcode.
I believe the responsiveness of the columns will resize your images to fit into 4 columns automatically.
-Kevin
In forum: Virtue ThemeIn reply to: Gap between images on front page
Your issue is that you’re adding a 4th column to the 3 column shortcode. You need to keep just 3 per shortcode when using the columns, otherwise it will throw off the layout.
-Kevin
In forum: Virtue ThemeIn reply to: Gap between images on front page
Can you post a login in a private reply so I can see where you’re adding this? It looks the same as your original issue, with the columns not properly being closed. I can fix this quickly for you if you’re able to share a login.
-Kevin
In forum: Virtue ThemeIn reply to: Gap between images on front page
I thought I could translate what worked here to another page, but the code I added is appearing on the visual tab, and the text I need to be at the bottom of the current images leaves part at the top. The page is here. This screenshot is what I see on the Visual tab. On the Text tab, this is what I did:
Heading Main image, text and links [columns][span4] First image, text and links [/span4][span4] Second image, text and links [/span4][span4] Third image, text and links [/span4][span4] Fourth image, text and links [/span4][/columns]This repeats 5 times for a total of 24 images. Below all that:
Deep Shades Assortment Subtle Shades AssortmentI can’t see what I need to do to form the layout correctly, that is, to clean up the Visual tab, and move all of “Deep Shades Assortment” and “Subtle Shades Assortment entirely to the bottom on the front end. Those shades assortments are temporary place-holders. New groupings of images will fall under both of them.
In forum: Virtue ThemeIn reply to: Changing description location
Hello,
One option would be to add the products via woocommerce shortcode to the page content like this:
[products limit="9" columns="3" category="headboards]
Then, below add the text.More information regarding woocommerce shortcodes can be found here:
Does that work for you?
-Kevin
In forum: Virtue ThemeIn reply to: Column in Shortcode
Thank you Kevin, it works now.
It is true that first I selectionned 4 columns and instead to start again with 3 I just put out a [span3][/span3].
But now I see that it doesn’t work that way.Have a nice day,
Elisabeth 🙂In forum: Virtue ThemeTopic: Column in Shortcode
Hello,
I have inserted columns from shortcode but I would like them to be more centered with my text and pictures.
How can I do that please ???
Here is the page
(The columns are at the end of the page.)
Thanks in advance,
ElisabethIn forum: Virtue ThemeIn reply to: Gap between images on front page
I’ll just point out this section so you can see, this:
[columns][span4] Rockshelter Sock image, text and links [/span4][span4] Silk Traveler image, text and links [/span4][span4] Cross Creek Sock image, text and links [/span4][span4] Rockshelter Worsted image, text and links [/span4][span4] Moon Lorn image, text and links [/span4][span4] Cross Creek Super Bulky image, text and links [/span4][span4] Inca Road image, text and links [/span4][span4] Rockshelter Bulky image, text and links [/span4][span4] Rockshelter Sport image, text and links [/span4][span4] Rockshelter Lace image, text and links [/span4][/columns]Should be this:
[columns][span4] Rockshelter Sock image, text and links [/span4][span4] Silk Traveler image, text and links [/span4][span4] Cross Creek Sock image, text and links [/span4][/columns] [columns][span4] Rockshelter Worsted image, text and links [/span4][span4] Moon Lorn image, text and links [/span4][span4] Cross Creek Super Bulky image, text and links [/span4][/columns] [columns][span4] Inca Road image, text and links [/span4][span4] Rockshelter Bulky image, text and links [/span4][span4] Rockshelter Sport image, text and links [/span4][/columns] [columns][span4] Rockshelter Lace image, text and links [/span4][/columns]Notice how within a “columns” row you have three columns and then you close out that columns section and start a new one. This is how the shortcode would automatically be created when you click “virtue shortcodes” and select columns. The only way to get what you have is if you manually added more span sections after adding the shortcode to your page.
Ben
In forum: Virtue ThemeIn reply to: Gap between images on front page
In part to satisfy Kevin’s request, and in part to clean up broken links and quite a number of other issues, the lower section has now been rewritten. The gaps are still in the same places, but it was still time well spent. I’ll try to abbreviate what I can see on that text tab in the WP edit window by copying all of it, and replacing the links and text with a few words.
Heading, links <hr /> description [columns][span4] Rockshelter Sock image, text and links [/span4][span4] Silk Traveler image, text and links [/span4][span4] Cross Creek Sock image, text and links [/span4][span4] Rockshelter Worsted image, text and links [/span4][span4] Moon Lorn image, text and links [/span4][span4] Cross Creek Super Bulky image, text and links [/span4][span4] Inca Road image, text and links [/span4][span4] Rockshelter Bulky image, text and links [/span4][span4] Rockshelter Sport image, text and links [/span4][span4] Rockshelter Lace image, text and links [/span4][/columns] <h2>Beyond skeins:</h2> [columns][span4] Colorful Kits image, text and links [/span4][span4] Gradient Sets image, text and links [/span4][span4] Minis image, text and links [/span4][/columns] This snippet includes everything on either side of the first gap. The lower gap appeared when I put the filter and search on the home page.
[/span4][span4] <a href="http://meadowcroft-dyeworks.com/yarn_base/nylon/"><img class="alignnone size-medium wp-image-8333" src="http://meadowcroft-dyeworks.com/wp-content/uploads/032.004-Four-Twenty-nylon-500x500.jpg" alt="Cross Creek Sock" width="500" height="500" /></a> <h3><a href="http://meadowcroft-dyeworks.com/yarn_base/nylon/">Cross Creek Sock</a></h3> Fingering weight / 14 wpi 75% superwash merino / 25% nylon 428m / 468 yd [/span4][span4] <a href="http://meadowcroft-dyeworks.com/yarn_base/worsted-weight/"><img class="alignnone wp-image-11870 size-medium" src="http://meadowcroft-dyeworks.com/wp-content/uploads/013-Wales-Welsh_Slate-worsted-1-500x500.jpg" alt="Rockshelter Worsted" width="500" height="500" /></a> <h3><a href="http://meadowcroft-dyeworks.com/yarn_base/worsted-weight/">Rockshelter Worsted</a></h3> Worsted weight / 9 wpi 100% sw merino 199m / 218 yd [/span4][span4]In forum: Virtue ThemeIn reply to: Gap between images on front page
Hey so you need to close out the previous row and start a new row that will clear the floats.
Looks like you using the shortcode to set up a three column grid. I would suggest using page builder since it would make editing and updating this much simpler. But regardless you are adding in all your columns inside one row and it should be three columns per row when adding the shortcode.
Ben
In forum: Ascend ThemeIn reply to: Hide images
This reply has been marked as private.
