Forum Replies Created
-
AuthorPosts
-
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?
May 25, 2023 at 6:18 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408571Apologies Mike!
This solution has worked perfectly.. You’re amazing!
May 25, 2023 at 3:01 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408533This 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 :)
May 24, 2023 at 3:40 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408432Mike,
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..
May 20, 2023 at 11:33 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408036Thanks Mike – what about just showing the thumbnails and not the main image?
May 20, 2023 at 3:46 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1408019Thank 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;
}
}May 14, 2023 at 10:19 pm in reply to: Add more ‘Add to Basket’ buttons on product page and make button bigger. #1407376Thank 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.
April 27, 2023 at 6:05 pm in reply to: WooCommerce Show Two Products side by side in Mobile view. #1405847Hi,
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
My understanding is that we need a header.php and footer.php in the Child Theme file location.
Or is this not the case?
Thank you :)
Amazing – thank you!
If you look at my custom CSS, I have added Nikko’s code but it doesn’t appear to be working?
Hi – revisiting this as it doesn’t appear to be working..
I’m trying to delete the white space above the logo on desktop and mobile view.
It appears to be working in desktop view but not mobile view..
Can you please help?
Thank you so much :)
And more specifically, I don’t want there to be any blank space at the top of the screen? It’s just wasted space..
I only want this to happen on this one page only – where would I paste this CSS code?
Hey Yigit – I actually wanted to keep the ones at the bottom grey..
Thank you so much for this..
How do I change the colour of the logo in the footer?
All of them are grey except for the TikTok one which is white..
Hey,
If you can login and help with this it would be much appreciated as I’ve tried many times but to no avail.
I would like the option to use the Telegram logo too.
If you could create some kind of step by step guide specifically for TikTok I believe that this would help a lot of people out.
Thanks,
Harv
September 15, 2022 at 2:54 pm in reply to: URGENT Website is not Displaying Properly after Recent Update #1365143Phew.. That fixed it! Thanks Yigit!
September 15, 2022 at 2:32 pm in reply to: URGENT Website is not Displaying Properly after Recent Update #1365139Hey Yigit – the credentials seem to work on my end?
Can you try again please?
Hi Ismael,
I’ve attached screenshots on mobile and desktop views:
Without my CSS code
With my CSS code
With your CSS code
I’ve added in explanations..
I hope this makes sense.
Thanks,
Harvinder
Hi,
This doesn’t seem to resolve the issue as it causes another complication.
After using this css code, when you view on a mobile device the phone number and text over in the header overlap.
Also – the form in the main page is still unformatted.
If you view in a desktop browser and gradually shrink the screen to a tablet/mobile view you can see what I mean.
The complication occurs when I use this css:
@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 110px !important;
}This is to drop the top of the webpage down a bit so that the sticky header doesn’t overlap the content.
I’ve removed it now so everything looks good except when I view on a mobile because the header overlaps the webpage.
When I add this code everything looks ok except the format is changed when viewing on a desktop.
The header bar changes colour.
The form above the fold loses its format and the page generally.
So, as the website is now, I just want to drop the header on a mobile/tablet view without throwing out the formatting on a desktop site.
Thanks,
Harvinder
It worked! Thank you so much!
Hi Ismael,
Should I place this code in the actual element css part?
Or in the general css?
I placed it in the actual element and it didn’t appear to do anything..
I put it in the general css and it affected the whole website but didn’t give the effect that I really wanted.
It sounds complicated so I’m happy to get a developer to help realign the images but for now, I would appreciate your help creating the arrows so that it’s displayed on mobiles so people know to scroll across.
Thanks,
Harvinder
Hi Rikard,
I tried switching to a default editor once it was ready to save but it just deletes everything.
Could you help me with the code that I need to insert at the end of the blog?
Shall I put it into the text block or a code block?
Thanks,
Harvinder
June 15, 2018 at 11:43 pm in reply to: Latest Update Hides Titles and Video in Main Header Colour Section #973462Thank you so much :)
-
AuthorPosts