Forum Replies Created
-
Posts
-
I’ve just tested the logins – they work?
Can you please try again?
I don’t need to add any more fields and I quite liked them all being half-width.
Surely there’s a way to have the submit button underneath?
Hi Nikko – sorry I didn’t copy and past the login information in.
I’ve pasted it into the private content now.
I have set the responsiveness correctly.
It’s ok.. We figured it out:
button.single_add_to_cart_button.button.alt {
width: 100% !important;
background-color: #FFD1ED !important;
border: none !important;
color: #000 !important; /* You may change this as per your requirement */
}Actually.. I used ChatGPT to help me work out the code and it suggested this and it worked:
/**
* Hide a specific product category from category list on shop page
*/
add_filter( ‘get_terms’, ‘hide_product_category’, 10, 1 );
function hide_product_category( $terms ) {foreach ( $terms as $key => $term ) {
if ( ‘product_cat’ == $term->taxonomy && ’51’ == $term->term_id ) { // Replace ’51’ with your category ID
unset( $terms[$key] );
}}
return $terms;
}I believe this is excluding products from a category.
I want to hide a category from the shop page.
Is there a way to do that?
Hi Rikard,
Unfortunately that didn’t work.
Desktop View
Here is an image of the desktop view and I have drawn in red the area that I want to delete.
Mobile View
Here is an image of the mobile view and I have drawn in red the areas that I want to delete.
Can you help with this please?
Thanks!
Thanks all fixed. I had the Zoho Campaigns plugin installed but it was’t doing anything.
I deleted it and it’s removed the extra one.
Let’s start again.
Here is the desktop version. I’ve boxed out the white space that I want delete.
Here is the mobile version. I’ve boxed out the white space that I want delete.
The CSS you gave me worked perfectly except for mobile view. When you switch to mobile view it deleted the embed email sign up code bar.
That works much better thanks,
What the images show is that on a mobile view, using your CSS deleted the embed 10% signup box.
It works fine on desktop. But on the mobile view the embed signup box is gone..
Hey Mike,
Thanks for getting back to.
What I mean is I want Legal Information to ‘align right’.
As in text left align, centre, right align or justify.
Does this make sense?
<div style=”text-align:right”>This text will be aligned to the right.</div>
Hi,
It made the desktop version look a bit better but there’s still a lot of unnecessary white space above:
On the mobile view, it actually deleted the embed sign up code block.
Before:
After:
Thank you! Almost there..
I apologise for not being clear enough but what I meant when I said that I needed to align the second one, I want to align the Legal Information widget to the right on mobile view.
Hi Rikard,
Here’s a link which should make what I’m after a bit clearer..
I want to get rid of the spacing that I’ve boxed in with the red rectangles.
It appears to be the spacing above and after the code snippet.
Thanks,
Harvinder
This is the css code that I’m using:
@media only screen and (max-width: 767px) {
#footer .container {
display: flex;
flex-wrap: wrap;
}
#footer .flex_column:nth-child(1) .widget {
width: calc(50%);
float: left !important;
clear: none;
}#footer .flex_column:nth-child(2) #nav_menu-2 {
width: 100%;
float: none;
}#footer .flex_column:last-child .widget {
text-align: center;
}
}Also.. I’ve used this css code to make the bottom widget centred.
#footer .flex_column:last-child .widget {
text-align: center;
}
}The button doesn’t look that good.. Is there a way to make it full width instead?
This actually has aligned the top two widgets which is actually better.
However.. Is there a way of making the second one align right?
Hi – that doesn’t appear to have done much..
Can you see the unnecessary white spacing here?
On the desktop view too..
Hi – it’s the same with the desktop view. I’ve reduced the padding and eliminated it in some cases but it doesn’t seem to make a difference?
This actually shows the main image with thumbnails underneath?
I was just looking to amend the previous code:
@media only screen and (max-width: 767px) {
#top.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper > a {
display: none;
}
}To show only three thumbnails instead of all of them :)
Mike,
Thank you so much.
This is almost perfect – the last change I would like to make is for it to show just three thumbnails instead of all of them please..
Thank you for this.
Ideally, I would like to have four small thumbnail images with two being displayed side by side in a grid of four.
Is this possible?
Also, if I just wanted to show the main image, is this the correct CSS code? Or is there a simpler way?
@media only screen and (max-width: 767px) {
#top.single-product .woocommerce-product-gallery .thumbnails a:nth-child(n+0) {
display: none;
}
}Thank you Mike,
Number 1 works perfectly :)
2. Just at the bottom of the page so after the additional information.
3. Appreciate the suggestion but I feel that it is important to have the images showing first. Is there a way to show just two images side by side instead? Perhaps a slider if possible?
This is the website that I was referring to.
Hi,
I would like it to be like this:
It appears that the break point is 480px. I want it to stay so that it shows the products side by side.
Thanks,
Harvinder
