Search Results for 'Page'

[Debi]

Debi

#99467

Hello Ben & Hannah,
After updating the new WooCommerce, I received this message:

“Your theme (Virtue – Premium Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.”

Not sure how to do this…

Thanks,
Debi

[Debi]

Debi

#99467

Hello Ben & Hannah,
After updating the new WooCommerce, I received this message:

“Your theme (Virtue – Premium Child) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.”

Not sure how to do this…

Thanks,
Debi

[Hannah]

Hannah

#99459

Hey,
You can add css to individual widgets and/or rows by clicking edit on the top right side of the row or widget within pagebuilder then under the Attributes tab is a box you can add css to.
What kind of styling are you wanting? You can also use css selectors to add styles and paste that into theme options.
Posting a link is always helpful:)

Hannah

[vicky]

vicky

#99449

Sussed it! I wasn’t using the page builder template.

[vicky]

vicky

#99443

I have full screen image in a page. How do I remove the white lines that appear under the page title and above the footer? I’ve tried searching the forums but none of the solutions work for me.
Please help.

[vicky]

vicky

#99443

I have full screen image in a page. How do I remove the white lines that appear under the page title and above the footer? I’ve tried searching the forums but none of the solutions work for me.
Please help.

[Mikail]

Mikail

#99442

Hi support

how do i resize captions text in homeslider fullwidth slider slider image caption text ?
i have used thoose css codes but its not working
.captiontitle {font-size: 20px;}
.captiontext p {font-size: 14px;}

The next i have in option set icon boxes in my homepage but i want to keep all 3 boxes at samme size how do i do that…..

the icon boxes resize after how much text there is inside the boxes but i want all at samme size help plz

[Mikail]

Mikail

#99442

Hi support

how do i resize captions text in homeslider fullwidth slider slider image caption text ?
i have used thoose css codes but its not working
.captiontitle {font-size: 20px;}
.captiontext p {font-size: 14px;}

The next i have in option set icon boxes in my homepage but i want to keep all 3 boxes at samme size how do i do that…..

the icon boxes resize after how much text there is inside the boxes but i want all at samme size help plz

[yeoldegoatcart]

yeoldegoatcart

#99441

I used the following shortcode on my new website to display my latest blog post.

[kad_blog items="1" orderby="date" fullpost="false"]

Until recent updates, it worked fine, showing the post title, date, featured image and excerpt.

Now, however, the featured image is not showing. I didn’t see anything in the documentation to indicate an option for showing/not showing the image. I really need the image to show, so any help in getting this back would be wonderful. Thank you!

Sample page for viewing: *Login to see link

[yeoldegoatcart]

yeoldegoatcart

#99441

I used the following shortcode on my new website to display my latest blog post.

[kad_blog items="1" orderby="date" fullpost="false"]

Until recent updates, it worked fine, showing the post title, date, featured image and excerpt.

Now, however, the featured image is not showing. I didn’t see anything in the documentation to indicate an option for showing/not showing the image. I really need the image to show, so any help in getting this back would be wonderful. Thank you!

Sample page for viewing: *Login to see link

[RandomNickname]

RandomNickname

#99440

Thanks Ben. That’s extremely useful. Many thanks.

While I have you, is there any way of determining in which order object appear on mobiles and tablets?

For example, on the /join/ page I have 6 Flip Boxes set up. On a desktop or PC you read them left to right in the order they appear (PAYG, 6 months, 12 months, weekends, corporate, free-freeze). However on mobile they appear in this order (PAYG, weekends, 6 months, corporate, 12 months, free-freeze). Any way of deciding on the mobile/tablet order so they match?

On the same page I have some text below the Flip Boxes. Do you know of any way of setting the text so the indent/border is the same on both sides (percentage-wise) on PC, tablets and mobiles? Right now I just have one left indent and 95% width, however that doesn’t look the same on all screens. Any way off setting it with a 5% or 10% margin on either side of the text?

Thanks again.

[True Doors]

True Doors

#99439

Hi there,

Is it possible to have a custom menu in the header for just a specific page please?

Thanks.

[True Doors]

True Doors

#99439

Hi there,

Is it possible to have a custom menu in the header for just a specific page please?

Thanks.

[Patrick]

Patrick

#99435

Hi Ben,

take a look at this link.
It describes the issue that I trying to put acrosss
http://kaptinlin.com/support/discussion/6234/woocommerce-related-products-size-spacing/p1

here it is talking about the the related product which also what I will want to touch on as well. All this while when I mentioned the box or grid of the product that contain the product image, product title , product price, which actually is define as the clickable area in the above link.

Yes! It’s the clickable area that I am after, to reduce the clickable area! I can reduce the image size within, but I want to reduce the clikable size.
If possible at all, I want to remove the clikable area outline and just make the image size to be the clickable area.

I took the codes from above and pasted them like that in my appearance > custom CSS

.related ul.products li.product img, .upsells.products ul.products li.product img, .related ul li.product img, .upsells.products ul li.product img{
height: auto;
width: 200px;
}

ul.products li.product .onsale {
left: auto;
margin: -6px -6px 0 0;
right: 100px;
top: 0;
}
.related.products ul.products li.product {
margin-right: 10px !important;
}

Unfortunately, nothing happened.

I trying this is because the clickable area is too big on every page when view on iphone in any orientation.

What can we do about this ? If the CSS above does not work, what would suggest ?

Reminder:
Yes! It’s the clickable area that I am after, to reduce the clickable area! I can reduce the image size within, but I want to reduce the clikable size.
If possible at all, I want to remove the clikable area outline and just make the image size to be the clickable area. The clickable area is to varies with the image size. If the image size is resize bigger, the clickable area follows the bigger image size and vice versa for a smaller image size.

Appreciate your soonest reply before the weekend.

Regards,
Patrick

[Kerry]

Kerry

#99434

Hi (it’s Kerry, Graham’s Daughter) I know what I am trying to create in terms of background image effect and header but I am struggling to work it out and don’t know if it’s even possible. I am not using the actual images as I have just cropped an image to get the effect first before enhancing the quality and lightening the colours so please excuse the blur.

1) I am looking for the header / logo to cover the top of the page but want it contained so it doesn’t zoom in and can’t seem to work out how to make that happen.

2) Is there an optimal image size for the background image? I like how the home page looks with the background image but when I go to the info page for example it cuts off just before the end. I appreciate this is a repeat pattern issue, I don’t mind when it gives a swoosh effect throughout pages I just think it looks really unfinished when it cuts off just before the bottom. If this won’t work regardless of image size, is there a way of having a smooth transition between the body background and the footer?

site http://www.paperama.co.uk

[Kerry]

Kerry

#99434

Hi (it’s Kerry, Graham’s Daughter) I know what I am trying to create in terms of background image effect and header but I am struggling to work it out and don’t know if it’s even possible. I am not using the actual images as I have just cropped an image to get the effect first before enhancing the quality and lightening the colours so please excuse the blur.

1) I am looking for the header / logo to cover the top of the page but want it contained so it doesn’t zoom in and can’t seem to work out how to make that happen.

2) Is there an optimal image size for the background image? I like how the home page looks with the background image but when I go to the info page for example it cuts off just before the end. I appreciate this is a repeat pattern issue, I don’t mind when it gives a swoosh effect throughout pages I just think it looks really unfinished when it cuts off just before the bottom. If this won’t work regardless of image size, is there a way of having a smooth transition between the body background and the footer?

site http://www.paperama.co.uk

[Patrick]

Patrick

#99429

Hi Team,

I’d like to know the Custom CSS, for changing the font size and color and font style (e.g. Roboto, Lato) of these items on single-product-page:

1) price
2) variation-title, ie. SIZE, COLOR,
3) # in stock
4) quantity box
5) add to cart (font & button size)
6) Product title (Size, Color and style)
7) “Related Products” (size, color and style)
8) under related products: padding or spacing between image and the product title

after searching for a while, these are what I have gather:

1. Price
.pricebox .product_price {font-size:16px;}

2. Variation-title
div.product .product_label label {font-size: 16px;}

3. # in stock
#content div.product p.stock {font-size: 12px !important;}

4. quantity box
div.product .quantity input.number {font-size: 14px;}

5. Add to cart
.product .kad_add_to_cart {font-size: 20px; padding: 8px 18px;}

However, the way I loook at it, it’s all only font size.
Can you advise for font size, color and style size for the above 9 items ?

Regards,
Patrick

[Patrick]

Patrick

#99429

Hi Team,

I’d like to know the Custom CSS, for changing the font size and color and font style (e.g. Roboto, Lato) of these items on single-product-page:

1) price
2) variation-title, ie. SIZE, COLOR,
3) # in stock
4) quantity box
5) add to cart (font & button size)
6) Product title (Size, Color and style)
7) “Related Products” (size, color and style)
8) under related products: padding or spacing between image and the product title

after searching for a while, these are what I have gather:

1. Price
.pricebox .product_price {font-size:16px;}

2. Variation-title
div.product .product_label label {font-size: 16px;}

3. # in stock
#content div.product p.stock {font-size: 12px !important;}

4. quantity box
div.product .quantity input.number {font-size: 14px;}

5. Add to cart
.product .kad_add_to_cart {font-size: 20px; padding: 8px 18px;}

However, the way I loook at it, it’s all only font size.
Can you advise for font size, color and style size for the above 9 items ?

Regards,
Patrick

[Ahsan]

Ahsan

#99427

Hi there,

This is the massage shown after update woocommerce.

Your theme (Virtue – Premium) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.

[Ahsan]

Ahsan

#99427

Hi there,

This is the massage shown after update woocommerce.

Your theme (Virtue – Premium) contains outdated copies of some WooCommerce template files. These files may need updating to ensure they are compatible with the current version of WooCommerce. You can see which files are affected from the system status page. If in doubt, check with the author of the theme.

[Patrick]

Patrick

#99426

Hi Ben,

thanks for the code. I am quite particular about the shopping page and individual product page

[Jesper]

Jesper

#99423

After updating my theme, product pictures disappeared from the shop page? the links work though… :/
*Login to see link

[Jesper]

Jesper

#99423

After updating my theme, product pictures disappeared from the shop page? the links work though… :/
*Login to see link

[James]

James

#99422

Hi Ben and Hannah!

I can’t figure out for the life of me how to add css properly to site builder widgets and rows in their interface.
I
‘ rather put the css in the theme settings, is that a better practice anyway?

whats normal syntax best practices for selecting the pagebuilder stuff for overall and individual?

I’ve been looking for a tutorial hard to find one

im about intermediate with css skills

[James]

James

#99422

Hi Ben and Hannah!

I can’t figure out for the life of me how to add css properly to site builder widgets and rows in their interface.
I
‘ rather put the css in the theme settings, is that a better practice anyway?

whats normal syntax best practices for selecting the pagebuilder stuff for overall and individual?

I’ve been looking for a tutorial hard to find one

im about intermediate with css skills

[Richard]

Richard

#99420

Thanks Kevin, it did!

There is just one more thing and I know it’s close to nagging but here we go. When I view the page on my smartphone the address is divided into two lines. The bottom line starts right on the left of the page and does not respect the indent of the other lines. Is there a way to do this?

I typed the tekst with just on single space between the icon and the text. I guess to get the result that I want I should be using some kind of an indent/tab function like word has.

I tried two widgets in one row, one containing the icons and the other the text, but on my phone it would first display all the icons and below all the text.

These problems only show on mobile devices, on a pc screen everything is fine.

[Leah]

Leah

#99415

Hi,

We have had this problem before, and resolved it, but it seems to be back… the sidebar overlapping the content when viewed on mobile.
Could you please have a look for me?
You can see the web page in question here

Thanks

[Leah]

Leah

#99415

Hi,

We have had this problem before, and resolved it, but it seems to be back… the sidebar overlapping the content when viewed on mobile.
Could you please have a look for me?
You can see the web page in question here

Thanks

[Ashley]

Ashley

#99411

Greetings,

1) How can i change the Header background color…
2) How can i change the body background color… and how can i give the body a border….
3) How can i change the font and background color for the tab title.. Both Custom tabs and predefined tabs…
4) And how can i remove the star icons under the reviews tab.. But i want to keep the review box just wanna delete the review ratings star icons.

Would really appreciate any help…

Thanks,

[Ashley]

Ashley

#99411

Greetings,

1) How can i change the Header background color…
2) How can i change the body background color… and how can i give the body a border….
3) How can i change the font and background color for the tab title.. Both Custom tabs and predefined tabs…
4) And how can i remove the star icons under the reviews tab.. But i want to keep the review box just wanna delete the review ratings star icons.

Would really appreciate any help…

Thanks,

[George]

George

#99409

I’ve created a variable product filter menu that is displayed across to top of the shop page, with sets of characteristics that have 4-5 elements in their sub-menus beneath them. It appears to be impossible to have this menu set displayed across the full width of that top area below the header area (where the logo and main menu reside). There is a two-column row that remains in place no matter what configurations I’ve tried. The regular default sorting drop-down and list-or-grid-view options remain on the right top, and even removing them within Virtue makes no difference. As a result, only three of my variable filter menu columns can fit, because otherwise they get scrunched up as smaller wrap-around columns trying to fit into a half-width section of the row. My conclusion is that this is a theme-directed element that cannot be changed (unfortunately).

I’m not familiar with code and depend on the accessible features of WordPress, Kadence, and helpful plugins to make this all work. Any suggestions would be appreciated, or simply letting me know that this limitation cannot be solved at this time will save me from further attempts.

Thank you.

[George]

George

#99409

I’ve created a variable product filter menu that is displayed across to top of the shop page, with sets of characteristics that have 4-5 elements in their sub-menus beneath them. It appears to be impossible to have this menu set displayed across the full width of that top area below the header area (where the logo and main menu reside). There is a two-column row that remains in place no matter what configurations I’ve tried. The regular default sorting drop-down and list-or-grid-view options remain on the right top, and even removing them within Virtue makes no difference. As a result, only three of my variable filter menu columns can fit, because otherwise they get scrunched up as smaller wrap-around columns trying to fit into a half-width section of the row. My conclusion is that this is a theme-directed element that cannot be changed (unfortunately).

I’m not familiar with code and depend on the accessible features of WordPress, Kadence, and helpful plugins to make this all work. Any suggestions would be appreciated, or simply letting me know that this limitation cannot be solved at this time will save me from further attempts.

Thank you.

[Patrick]

Patrick

#99406

This reply has been marked as private.