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'

Home / Forums / Search / Search Results for 'COLUMNS'

Viewing 20 results - 241 through 260 (of 3,937 total)
1 2 3 … 12 13 14 … 195 196 197
  • Author
    Search Results
  • In forum: Membership Forums

    In reply to: Center a list of product

    Karla
    March 10, 2022 at 6:28 pm #270942

    Hey there!

    The product listing page uses a grid layout by default. The products will be shown depending on the number of columns you have set in the Customizer settings. The products will always show starting on the left side. Sadly, this cannot be adjusted using custom CSS code.

    If you want, you can set 1 product per column. This way, it will show as a list and each product will always be centered – https://share.getcloudapp.com/wbuzy9xX.

    Hope this helps. Let us know if we can assist you further.

    Best Regards,
    Karla

    In forum: Kadence Theme

    In reply to: Kadence WooCommerce Sort by Category Product Limit.

    Karla
    March 8, 2022 at 11:12 pm #270886

    Hi, Aaron!

    The Products By Category block is from the WooCommerce plugin. We do not really have control over its settings.

    For the infinite scrolling, please note that it will be applied to the product archive pages. These are the Shop, Product Category, and Product Tag pages that use the default WooCommerce product listing loop.

    On the other hand, you can use their product shortcode. As an example, try adding this using the Shortcode block:
    [products limit="-1" columns="4" category="uncategorized"]

    Change the category value to the correct slug of your “for sale” category.

    Hope this helps and let us know if we can assist you further.

    Best Regards,
    Karla

    In forum: Kadence Blocks

    Topic: Youtube putting doesn’t work for first row on left side

    penicka.martin
    March 8, 2022 at 9:43 am #270854

    Hi,
    i have problem with putting in nested row with two column. Particular problem is putting on left side row blocks. On the other rows works videos youtube, only first video on left side doesnt works (showing only link). How to solve it?

    My website is:

    And Code in Editor WordPress is:

    <!-- wp:kadence/rowlayout {"uniqueID":"_1d0871-f6","colLayout":"equal","maxWidth":80,"maxWidthUnit":"%"} -->
    <div class="wp-block-kadence-rowlayout alignnone"><div id="kt-layout-id_1d0871-f6" class="kt-row-layout-inner kt-layout-id_1d0871-f6"><div class="kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row"><!-- wp:kadence/column {"uniqueID":"_4523b9-f2"} -->
    <div class="wp-block-kadence-column inner-column-1 kadence-column_4523b9-f2"><div class="kt-inside-inner-col"><!-- wp:embed {"url":" wp-has-aspect-ratio"} -->
    <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">

    </div><figcaption>Kolovna Ostrava Avion</figcaption></figure>
    <!-- /wp:embed --></div></div>
    <!-- /wp:kadence/column -->

    <!-- wp:kadence/column {"id":2,"uniqueID":"_a64153-36"} -->
    <div class="wp-block-kadence-column inner-column-2 kadence-column_a64153-36"><div class="kt-inside-inner-col"><!-- wp:embed {"url":" wp-has-aspect-ratio"} -->
    <figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">

    </div><figcaption>Bistro J&J - FPV Cinewhoop One Take</figcaption></figure>
    <!-- /wp:embed --></div></div>
    <!-- /wp:kadence/column --></div></div></div>
    <!-- /wp:kadence/rowlayout -->

    In forum: Kadence Theme

    Topic: Kadence WooCommerce Sort by Category Product Limit.

    Aaron Stevens
    March 7, 2022 at 9:41 am #270841

    Customer dev site (hosted on GoDaddy so don’t judge me) located at

    <br />online toss<br />

    I need to show all of the “for sale” category products, but I’ve hit a limit of 6 columns by 6 rows. I have “infinite scroll” turned on, but nothing.

    Any help would be greatly appreciated.
    -Aaron

    In forum: Kadence Blocks

    Topic: Zoom in on image in row block when hover over

    ehempton
    March 4, 2022 at 2:02 am #270799

    Hi,

    I’d like to know if it is possible with some custom CSS code to zoom in on an image in a row. I have 3 rows with 3 columns and each has a picture and some text. When I hover over with the mouse I would like the image to grow/zoom.

    I was able to do this with my blog page but cannot see to find the right values for the row block. This is the code for my blog page which I was hoping to reuse.

    .archive #main .inside-article:hover, .blog #main .inside-article:hover {
    box-shadow: 0 0 20px rgb(0,0,0, .2);
    border-color: lightblue;
    }

    .archive #main .inside-article:hover .post-image img, .blog #main .inside-article:hover .post-image img {
    transform: scale(1.05);
    }

    .archive #main .inside-article .post-image img, .blog #main .inside-article .post-image img {
    transition: transform .2s;
    }

    Any ideas?

    Thanks

    In forum: Kadence Blocks

    Topic: Styling a “section” within a row layout

    Ryan
    February 17, 2022 at 12:46 pm #270534

    Hi all,

    I’m using the row layout with four columns (sections) that are essentially acting a pricing table, with some headlines, text, and a button within each section.

    I’m wondering if it’s possible, with CSS or via some other method, to style one of the sections such that it has a “most popular” or “recommend” type of ribbon in the top corner (or something like that) of the section.

    I presume the answer is “no” but figured I would check just in case!

    Cheers,
    Ryne

    In forum: Kadence Blocks

    Topic: Number of Columns in Mobile

    ma3ry
    February 12, 2022 at 8:38 pm #270425

    On my home page at I have five rows that have an icon with text beside. It looks fine on desktop and tablet but on mobile the text drops below the icon. I have the option of selecting the number of columns for desktop but not for tablet or mobile. If I select the basic layout option of 1/3 and 2/3 it still drops down. I need to be able to select 2 columns for mobile and adjust them to 15% and 85%.

    Would appreciate your help.
    Thank you.

    In forum: Kadence Theme

    In reply to: Links Not Working on Mobile

    Kevin
    February 10, 2022 at 8:18 am #270389

    Hey Derek,

    That’s odd. The margin is negative definitely being added to your columns. Have you added any custom CSS?

    If you want to share a login link in a private reply, I’ll be happy to take a look at your admin to see exactly where the spacing is coming from.

    You can generate a link using this plugin:
    https://wordpress.org/plugins/temporary-login-without-password/

    Be sure to tick the private reply box so only Kadence can see the login.

    Thanks,
    Kevin

    In forum: Kadence Theme

    In reply to: Links Not Working on Mobile

    Kevin
    February 9, 2022 at 10:07 am #270376

    Hey Derek, thanks for reaching out.

    It appears that you’re adding a negative top margin to your inner columns. Try going into the block settings and adjust the margin and padding within the columns, as shown in this video:
    https://share.getcloudapp.com/E0uoeZL8

    Note that my example isn’t the exact setup of your site, but you’ll be able to adjust the margin and padding on your site to reveal the links in mobile.

    Let us know if you need any additional assistance.

    Best,
    Kevin

    In forum: Kadence Blocks

    In reply to: Question about post grid carousel block

    Karla
    February 3, 2022 at 10:49 pm #270280

    Hello,

    Thank you for reaching out to us.

    There is no built-in option to reverse the order for the image and content. What you can do is add custom CSS code:

    .kt-blocks-post-grid-item .kt-feat-image-align-left {
    grid-template-columns: auto 40%!important;
}
.kt-blocks-post-grid-item .kt-feat-image-align-left .kadence-post-image {
    order: 2;
}

    Hope this helps and let us know if we can assist you further.

    Best Regards,
    Karla

    In forum: Kadence Theme

    In reply to: Testimonial and Gallery slider Mobile Settings

    Karla
    January 27, 2022 at 11:57 pm #270154

    Hello Kaitlyn,

    I’m sorry to hear that the screen recordings are not working anymore.

    To change the column setting of the Testimonials block, click on the Individual link for the Columns option. Then, assign the number of columns per screen width to adjust them. Here’s another screen recording for your reference – https://share.getcloudapp.com/nOu9RrGw.

    Hope this helps and let us know if we can assist you further.

    Regards,
    Karla

    In forum: Kadence Theme

    Topic: Testimonial and Gallery slider Mobile Settings

    Kaitlyn Holeman
    January 26, 2022 at 5:05 pm #270125

    I saw a few other posts about this being responded to but the link to the CloudApp video from your team’s responses to past posts don’t work anymore. I need to know how to adjust the testimonial settings to go down to one column automatically on mobile (desktop is 3 columns, and it only shrinks on mobile — when I change it to one, it changes it to one on desktop too). I have the free version of the Kadence theme, so I’m wondering if those settings are only available on the membership/paid version? Thanks!

    In forum: Virtue Theme

    In reply to: Product Grid Column etc

    Hannah
    January 26, 2022 at 3:26 pm #270121

    Hi,
    Apologies for the delay!
    1. I don’t advise having 3 columns on mobile as the products will be forced to display very small. This css will make them two columns on mobile and tablet:

    @media (max-width: 992px) {
.archive .product {
    width: 50%;
    float: left;
}
}

    2. 

    .related.products>h3 {
    text-align: center;
}

    3. Yes, you can do this with custom css. Can you post a link? And also link to your custom image?

    Kindly,
    Hannah

    In forum: Kadence Theme

    Topic: Full width for customer reviews

    saleaglobal
    January 26, 2022 at 2:59 pm #270119

    Hello,

    I would like customer reviews to take up the entire width of the review tab, with the new review form below them. This would allow the reviews to be displayed in 3 or 4 columns and take up the full width of the screen. This would make the view of the reviews more compact and avoid a large empty area on the right side when scrolling the reviews.

    Thanks in advance for the help.

    In forum: Kadence Theme

    Topic: Blog Archive Footer Issues

    Jeff Nisius
    January 23, 2022 at 7:13 pm #270063

    I would like my blog archive page to have left and right padding. I am able to achieve this by changing the page layout to normal. However, this then cuts off the third column of my footer (see attached photo).

    When I set the page back to fullwidth (currently set in the link above), the footer shows all three columns, but the left and right padding for the posts in the archive page are gone.

    Is there a custom CSS solution for this via padding? Or do I have something set incorrectly with my footer? I cant find a way to have the footer as normal and padding for the archive page.

    Any help would be greatly appreciated!

    In forum: Virtue Theme

    Topic: Product Grid Column etc

    ezzajpr
    January 22, 2022 at 7:11 pm #270050

    Hello Kadence Team. I have 3 question

    1. Is possible to make product grid into 3 columns or more both on home page & shop page for mobile view? maybe with some CSS code or Shortcode (just like first image) because it work on dekstop view only
    2. How to make this “Related Products” heading to be centre alignment? (on second image)
    3. Is possible to change header icon like cart, account, search icon with my own image? like custom icon

    In forum: Virtue Theme

    In reply to: WooCommerce Gategories

    Hannah
    January 18, 2022 at 8:23 am #269980

    Hi Miguel,
    Thanks for reaching out! One option would be to use shortcodes like this: [products limit="8" columns="4" category="hoodies"]
    Or, if you’re using Kadence Blocks you can use the Product Grid/Carousel block. https://www.kadencewp.com/kadence-blocks/portfolio-grid-carousel-block/
    Hope that’s helpful!

    Best,
    Hannah

    In forum: Kadence Blocks

    In reply to: How to force 2 test Sections to be same height

    Kevin
    January 11, 2022 at 9:16 am #269863

    Hey Colin, apologies for the delay! I thought I’d responded days ago but it appears I didn’t properly send my message.

    A simple way to force the columns equal height is to add this CSS to Customize> Additional CSS:

    #kt-layout-id_36e36d-6b .kt-inside-inner-col {
    min-height: 440px;
    padding-bottom: 0 !important;
}

    Let us know if that works for you! Also, in the future feel free to use our ticketing system here:
    https://www.kadencewp.com/premium-support-tickets/

    Due to the way those tickets are queued for us, we are far less likely to miss a question when it’s submitted through that form.

    Thanks!,
    Kevin

    In forum: Virtue Theme

    In reply to: How to remove padding above and below The Events Calendar archive page

    Hannah
    January 10, 2022 at 10:24 am #269830

    Hey Cindy,
    You can use this css to reduce the padding:

    @media (max-width: 768px) {
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
    margin-bottom: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav {
    margin-top: -20px;
}
}

    For the single events page, it looks like there’s just not enough space in each column. I suggest either reducing the font size, or changing the number of columns to two instead of three. Or you can try this css to clean it up a bit:

    .single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
    font-size: 14px;
    line-height: 18px;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
    line-height: 18px;
    width: 100%;
}

    Hope that’s helpful!

    Best,
    Hannah

    In forum: Ascend Theme

    In reply to: ASCEND MAGAZINE: footer view torn on iPad and iPad Pro

    Hannah
    January 4, 2022 at 7:22 am #269768

    Hey,
    Thanks for reaching out! This has to do with the height of the footer columns. You can use the following css to add a min-height:

    @media (min-width: 768px) and (max-width: 992px) {
#containerfooter .col-sm-6 {
    min-height: 300px;
}
}

    Hope that helps!

    Best,
    Hannah

  • Author
    Search Results
Viewing 20 results - 241 through 260 (of 3,937 total)
1 2 3 … 12 13 14 … 195 196 197