Search Results for 'COLUMNS'

[info794]

info794

#226462

Hello,

please see this website: http://www.insinforyou.com

I have setup a site width of 1440px and 3 columns product, but on large devices i see 4 columns!

See this screenshot: *Login to see link

Here there are 4 columns.

How i can fix this problem?

In also, see from screenshot the translate plugin: why the flags are in vertical and not horizontal? it seems that there is some problem with css link there.

Please let me know.

Thanks and regards

[info794]

info794

#226462

Hello,

please see this website: http://www.insinforyou.com

I have setup a site width of 1440px and 3 columns product, but on large devices i see 4 columns!

See this screenshot: *Login to see link

Here there are 4 columns.

How i can fix this problem?

In also, see from screenshot the translate plugin: why the flags are in vertical and not horizontal? it seems that there is some problem with css link there.

Please let me know.

Thanks and regards

[Ulla]

Ulla

#226419

Hi,

I am going to propose Virtue theme to a client. I am a subscriber but I don’t know if they want the Premium version or just the free version, maybe latter as they need a very basic site.

Now I cannot find how to use the Kadence Block editor on the site, as I have done on my other sites. I have the plug in activated, and want to have a view as in the image attached.

I need to manage the rows and columns and cannot find a way to do that.

Maybe you cannot do that in the free version of Virtue theme?

Second question: Adding a slider to a post, but it doesn’t show on the post page? Is there a way to manage the slider, where it is on the page, size, alignment… at least make it show?

Ulla

[Ulla]

Ulla

#226419

Hi,

I am going to propose Virtue theme to a client. I am a subscriber but I don’t know if they want the Premium version or just the free version, maybe latter as they need a very basic site.

Now I cannot find how to use the Kadence Block editor on the site, as I have done on my other sites. I have the plug in activated, and want to have a view as in the image attached.

I need to manage the rows and columns and cannot find a way to do that.

Maybe you cannot do that in the free version of Virtue theme?

Second question: Adding a slider to a post, but it doesn’t show on the post page? Is there a way to manage the slider, where it is on the page, size, alignment… at least make it show?

Ulla

[Ben Ritner]

Ben Ritner

#226254

I strongly suggest using the Kadence Row layout for columns. The Core columns block is not built to be responsive. It’s in general been one of the biggest complaints about Gutenberg is how bad that block is.

You can add this through:

@media (max-width: 768px) {
.home .wp-block-columns .wp-block-column {
    margin-left:0;
    margin-right:0;
}
}

[Ben Ritner]

Ben Ritner

#226223

You would just add the header into a visual editor widget not in the title section but in the content where you can define alignment

[carousel type="best-products" items="10" columns="6" xscol="2" sscol="1"]

Ben

[Ben Ritner]

Ben Ritner

#226212

Hey,
If you would like the caption center you can use this css:

.wp-block-image figcaption {
    text-align: center;
}

The issue with a small amount of text beside an image isn’t really specific to Gutenberg, the previous editor did the same when you can working in columns helps to create a much better experience with all screen sizes because of this and how floats work. But here is some simple CSS that will make all your right aligned images center aligned below a specific screen size, this works fine unless you truly are using a thumbnail like 100px wide image and want it to stay wrapping text. So just be aware of that.

@media (max-width: 544px){
.wp-block-image .alignright {
    float: none;
}
}

Ben

[Hannah]

Hannah

#226188

Hey B,
Try adding this to your custom css box in Theme Options > Custom CSS:

@media (max-width: 768px) {
.home .wp-block-columns {
    display: inline-block;
    margin: 0 40px;
}
}

Let me know how that works for you!

Hannah

[Ben Ritner]

Ben Ritner

#226128

The image (or attempted image) is there if chrome firefox just makes it more obvious that it’s not loaded. From the html output, you have two images in each of those columns. The second image is missing from the site so it’s not loading. Here is an URL example: http://spikamfg.flywheelsites.com/wp-content/uploads/2018/09/AF_guard-rail-camlock-handle-2.jpg

If you can send me a login so I can look at the backend it seems like the image code just needs to be removed from your backend html.

Ben

[Joseph]

Joseph

#226004

I am not sanitizing anything….
I am attempting to – Adding Testimonial date to testimonial grid using child theme
I copied lines you stated below per your instructs “81-85 you would change out the code there for your code.”
I already changed line 85 to “echo ‘ – ‘ . wp_kses_post( $location );” to check to see if my overrides would work, it does

echo ‘ – ‘ . wp_kses_post( $location ); This line echos the location the $location column/field/item/property is what I am referring to as a field/column since it comes from the posts table.
How do I echo the other columns/fields of the wp_kses_post?
my wuestion was how do I find out what the column/field/item/property wp_kses_post is? so that i can use the correct date field?

[Ben Ritner]

Ben Ritner

#225947

Hey,
The question doesn’t make sense to me. You should just be overriding. What you do mean by columns/fields and what does that have to do with sanitizing through wp_kses_post?

Ben

[Joseph]

Joseph

#225904

Thanks Ben, I copied the templates/content-loop-testimonial.php to my virtue_child-1/template folder, made changes and they were applied to site. Where do I find the columns/fields for the wp_kses_post ? I duplicated the $location but need to change it to the date?

[Ben Ritner]

Ben Ritner

#225668

Hey,
300 is the width defined by the setting of 4 columns. You can override this if you like through a child theme but it’s meant to be the base width for the base src. If your images were uploaded larger you would have srcset output and that would include a larger version of the image meant to support HD screens like phones and most desktop computers. Even if you set the width to 427px your images will be blurry on every commonly used mobile device because of the pixel density of the devices. Setting the base for 300 was a great option to get the most optimized sizes for the devices with the current responsive image markup that browsers support.

For the theme to be able to output larger images in the srcset your images must be at least twice as large is the base setting. So for this case 600×810. I suggest uploading images at a minimum of 1600×1600 but for most cases should be more like 2200px. Your image in the link is 425x500px

Does that help and explain?

If you would like to use a child theme and filter the output so at least you get the full size of your image (still won’t be supporting every HD screen) then I would be happy to get you the php.

Ben

[Angelo Lazzari]

Angelo Lazzari

#225501

Hi, in this page http://157.230.115.238/ we use this shortcode
[product_categories parent=”13″ columns=”4″ hide_empty=”1″ orderby=”menu_order” order=”asc”]

but the result is a bit strange: the rows are really too separated… so, we tried to cancel our custom css and the rows still work like that… is a woocommerce shortcode problem or a theme problem?
thank you very much
Angelo

[Angelo Lazzari]

Angelo Lazzari

#225501

Hi, in this page http://157.230.115.238/ we use this shortcode
[product_categories parent=”13″ columns=”4″ hide_empty=”1″ orderby=”menu_order” order=”asc”]

but the result is a bit strange: the rows are really too separated… so, we tried to cancel our custom css and the rows still work like that… is a woocommerce shortcode problem or a theme problem?
thank you very much
Angelo

[phil2]

phil2

#225486

Hi Team,

On this site I have a carousel of club badges which link to the relevant club page.
The carousel is setup using [carousel type=post orderby=date columns=5 items=-1 speed=4000 scroll=1 cat=club] as a “Sitewide after Header Shortcode”.

The carousel works fine and looks great but I noticed that there is a brief moment on each page-refresh when all the carousel items are shown in a grid, before the display resets correctly in the header.

I guess it is similar to the problem experienced in “Topic: Carousel widget pre-load larger images showing” but the fix will need to be different.

Please could you help?
Thanks,
Phil.

[phil2]

phil2

#225486

Hi Team,

On this site I have a carousel of club badges which link to the relevant club page.
The carousel is setup using [carousel type=post orderby=date columns=5 items=-1 speed=4000 scroll=1 cat=club] as a “Sitewide after Header Shortcode”.

The carousel works fine and looks great but I noticed that there is a brief moment on each page-refresh when all the carousel items are shown in a grid, before the display resets correctly in the header.

I guess it is similar to the problem experienced in “Topic: Carousel widget pre-load larger images showing” but the fix will need to be different.

Please could you help?
Thanks,
Phil.

[Clayton]

Clayton

#225233

So in Kadence Blocks when I add the Advanced Button block it shows as transparent by default. But if you publish the the button actually has a black background until you clear the background color. I made a quick video showing you what I mean: https://www.loom.com/share/a85818c95b864487acb4d9a6e5b54217

So the feature request I have is just a simple section block. Essentially the same thing as a row but without the columns attached so I can add custom sections without the complication of nesting columns…I might be able to achieve the same thing with rows but it just becomes pretty hard to manage when I’ve got rows inside of columns inside of rows. But that’s just my two cents!

[phil2]

phil2

#225125

Thanks Hannah,

That sounds like my option above to create a square background for the guilty images.

I’m curious that both Ben’s fix of

remove img_height=200 from the shortcode and use masonry="true"

and your fix of

use height="null"

are having no effect. Is there something else I should be doing?

Following your change, the shortcode now reads:
[gallery ids="248,249,250,251,253,254,255,257,258,260,261,262,311,314,339" type="carousel" columns="5" masonry="true" speed=4000 scroll=1 lightboxsize="large" height="null"]

Many thanks,
Phil.

[phil2]

phil2

#225030

Thanks Ben. That fixes the excerpt issue.

I notice that the image sizes are larger with kad_blog and the posts look better using the full width of the page, rather than one of two columns.

Thanks for your help,
Phil.

[phil2]

phil2

#225028

No change, Ben.

Shortcode now reads: [gallery ids="248,249,250,251,253,254,255,257,258,260,261,262,311,314,339" type="carousel" columns="5" masonry="true" speed=4000 scroll=1 lightboxsize="large"]

Thanks,
Phil.

[Kevin]

Kevin

#224842

Hello,

You can achieve this by adding the posts to your home page content or home widget area. Firstly, go to Theme Options> Home Layout, and make sure either the page content or the widget area are active, depending on which you want to use.

Then, you can add the posts via a text widget or into the text editor within your home page content with shortcode like this:
[blog_grid orderby=date items=4 columns=2]

You can find the full shortcode options here:
http://docs.kadencethemes.com/virtue-premium/shortcodes/

Another option would be to use the post grid/carousel block in Kadence Blocks to add the posts to your page content:
https://www.kadenceblocks.com/docs/configure-a-blog-list-with-post-grid-carousel-block/

That tutorial shows how to build a blog list, but you can set it up the way you’re wanting in the settings.

Let me know if this is helpful for you!

-Kevin

[Hannah]

Hannah

#224802

Hi Anita,
I wonder if this has something to do with the way they’re being output. Is there a reason you’re not using the home image menu from theme options > home layout? Are you just wanting the text to shrink on smaller screens, or do you want the columns to decrease?

Hannah

[phil2]

phil2

#224770

Hi Team,

I have a scrolling gallery at the top of each page setup using a shortcode:
[gallery ids="248,249,250,251,252,253,254,255,257,258,260,261,262,311,314" type="carousel" columns="5" img_height=200 speed=4000 scroll=1 lightboxsize="large"]

Some of the sports club badges are rectangular so the normal behaviour of the theme is to crop them to square.
Is there a way to prevent that crop for certain rectangular images?

If not, I guess I need to modify the guilty images and stick them on a square background.
Any thoughts?
Thanks,
Phil.

[phil2]

phil2

#224770

Hi Team,

I have a scrolling gallery at the top of each page setup using a shortcode:
[gallery ids="248,249,250,251,252,253,254,255,257,258,260,261,262,311,314" type="carousel" columns="5" img_height=200 speed=4000 scroll=1 lightboxsize="large"]

Some of the sports club badges are rectangular so the normal behaviour of the theme is to crop them to square.
Is there a way to prevent that crop for certain rectangular images?

If not, I guess I need to modify the guilty images and stick them on a square background.
Any thoughts?
Thanks,
Phil.