Forum Replies Created
-
Posts
-
You only see the “Edit” link when viewing logged in as admin (or with page editing privileges), so normal visitors won’t see this.
So I can provide the correct CSS, I’ll need to see the live page on your site. If you don’t want to say the URL on here, just send a message via our contact page with your site URL, and reference this support topic.
Add the following custom CSS at ‘Appearance’ > ‘Customize’ > ‘Additional CSS’:
.main-header { margin-bottom: 0; }For the quantity selectors, you will notice that the CSS from the YITH plugin is also setting this to not display. To make this display you just need to add
form.cart .quantityto the previous code, like so:form.cart .quantity, form.cart button.single_add_to_cart_button { display: block !important; }Regarding the other issues, it may be that the YITH Catalog plugin is disabling the cart functionality, to ensure it really is catalog mode only. You would need to ask the plugin support for help with this, as it is outside the scope of the theme.
Also with with regard to changing the button text, if that plugin has options to change this, then this is also outside the scope of the theme, and I would recommend you consult the plugin’s documentation or ask their support for help.
The ‘YITH WooCommerce Catalog Mode’ plugin is hiding the add to cart button with this CSS:
form.cart button.single_add_to_cart_button, form.cart .quantity, .woocommerce-variation-price{display: none !important}You can add the following CSS to ‘Customize’ > ‘Additional CSS’ and it should override the YITH code:
form.cart button.single_add_to_cart_button { display: block !important; }This custom CSS added to ‘Customize’ > ‘Additional CSS’ should hide the button:
li.product .button.product_type_variable { display: none; }If I am understanding correctly, when the media is on the right, on mobile the image is below the text, but you want the image to be above the text.
This CSS, added to Customize > Additional CSS will put the image on top:
@media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-row: 2; grid-row: 2; } }With the Media & Text block, the ‘Stack on mobile’ option will make the image and the text stacked one above the other when viewed on mobile.
If you want to keep the left/right alignment, simply toggle the ‘Stack on mobile’ option to off, and the left/right alignment will still be visible on mobile.
The add to wishlist should display in the product loop (the “Shop” page and category/tag/search pages), but it appears that the wishlist plugin does not have support for the product blocks at this time.
Please let me know your website URL and I’ll be able to take a look and advise further.
When I view your website on mobile, it looks okay. I cannot see any problems with the responsiveness on various devices and screen widths.
You should remove the “html” and “head” elements from the custom HTML that you have added on the page, as they are not needed and they also result in incorrect HTML markup.
This is the code you currently have:
<html> <head> <link href='https://fonts.googleapis.com/css?family=Rock Salt' rel='stylesheet'> <p style="font-family:'Rock Salt';font-size:49px;color:#F8B509;text-align:center;">Explore Your Truth</p> </html> <p class="has-text-align-center has-text-color has-medium-font-size" style="color:#000000"><strong><span style="color:#898885" class="has-inline-color">Life Coaching and Energy Guidance</span></strong></p>This is how you should write the custom HTML instead:
<link href='https://fonts.googleapis.com/css?family=Rock Salt' rel='stylesheet'> <p style="font-family:'Rock Salt';font-size:49px;color:#F8B509;text-align:center;">Explore Your Truth</p> <p class="has-text-align-center has-text-color has-medium-font-size" style="color:#000000"><strong><span style="color:#898885" class="has-inline-color">Life Coaching and Energy Guidance</span></strong></p>Yes, for us to help with this, we would need to be able to see the custom HTML you have added to your website.
Make sure you have set the “Show ‘Add to wishlist’ in loop” setting to “Yes” in the plugin options.
This setting can be found in your site dashboard at ‘YITH’ > ‘Wishlist’ > ‘Add to wishlist options’ > ‘Loop Settings’ > “Show ‘Add to wishlist’ in loop”.
The theme has support for two wishlist plugins;
YITH WooCommerce Wishlist
or
TI WooCommerce WishlistInstall and activate either of these plugins to enable the wishlist.
If you activate both wishlist plugins at the same time, the YITH plugin will have priority in the header menu area.
To change the size of the price on the product page, go to ‘Customize’ > ‘Typography & Fonts’ and under the ‘Product Page’ sub-heading there is the option to change the size and weight of the price.
For the color, go to ‘Customize’ > ‘Colors’ > and under the ‘Products’ sub-heading there is the option to change the color of the price.
