Help with things

[joshuavidana]

1. Make white background from “out of stock” more transparent.

2. Make mobile Wishlist button and “out of stock” smaller/more proportional on mobile.

3. About us page – “WHY CHOOSE US” elements too wide on mobile.

4. Any custom CSS changes that are going to be made or have been made, please add note to custom CSS so I can see what they are.

5. Fill white space with black.

This field is Private Content.

Attachments:

You must be logged in to view attached files.

[Aizaz Awan]

Hello, @joshuavidana,

1- The out-of-stock is already full white/transparent as you can see in this screenshot: https://postimg.cc/8jXYKMJJ

2- Here is a screenshot of the mobile Wishlist and our-of-stock https://postimg.cc/6yG9hWTX please check back to your issue by clearing the browser cache.

3- To address this issue, please follow these steps:

Navigate to the Dashboard.
Proceed to “Porto.”
Access “Theme options.”
Select “Skins.”
Choose “Custom CSS.”
Paste the provided code at the bottom of the black box.
Save the settings.
To view the changes on your site, clear your browser cache and revisit your website.

@media(max-width:575px){.elementor-848 .elementor-element.elementor-element-889cca7>div.elementor-container{width:95% !important;}}

4- Thanks for your suggestion.

5- To address this issue, please follow these steps:
Navigate to the Dashboard.
Proceed to “Porto.”
Access “Theme options.”
Select “Skins.”
Choose “Custom CSS.”
Paste the provided code at the bottom of the black box.
Save the settings.
To view the changes on your site, clear your browser cache and revisit your website.

.term-12271{background:black !important;}

Best Regards,
PThemes Team.

[joshuavidana]

1. I was talking about the “out of stock” image overlay over the product image.
Example, first product:
https://skidtactical.com/barrels-muzzle-devices-suppressor-accessories-chokes/suppressor-accessories/

How do I make that more transparent?

2. Can you add code to make custom text sizes for mobile and desktop views of:

“out of stock” image, “out of stock”/”add to cart” buttons, wishlist buttons

If I size them right for desktop, it’s too big for mobile and vice versa. I want to be able to adjust sizes for all these independentally.

3. Done

4. Can you go through my custom CSS and add /*Notes*/ before code to let me know what does what?

5. Done

Thank you!

[Aizaz Awan]

Hello, @joshuavidana,

1. I have added a transparent Background to stock in Porto >> theme options >> Skin >> Custom CSS.

Please adjust it to further where it suits your needs best.

https://postimg.cc/QVBbyKXB
/Before/
https://postimg.cc/47YzqjTC
/Now/
https://postimg.cc/jW5NnB2W

2. Solved, Please adjust them further to meet your requirements best.
https://postimg.cc/R3wb33Dp
https://postimg.cc/wyVfVCHh

4. Notes added. Please check back again.

Best Regards,
PThemes Team.

[Author]

Posts