HOMEPAGE & PRODUCT PAGE – Need Help

screenshot 1) how can I fit my 1st slider nicely like my 2nd slider for mobile version?

screenshot 2) why is there a green things behind these social media icons? how to remove pinterest icon?

screenshot 3) how to use a teal line to replace the grey portion?

screenshot 4) what is the html code to add a black horizontal line on top of “Features”?

Or rather are you able to assist me to code this beside my product instead? (no need the green button)

thank you so much!

Attachments:

You must be logged in to view attached files.

Hi,

1. Could you please reattach this screenshot in a smaller size?

2. Here is a fix for this

.social-icons li:before {
	display:none;
}

3. `.product-design-alt .product-tabs-wrapper {
background-color: #ff5a5f!important;
padding: 10px 0!important;
}`

4. Sorry, but we do not quite understand what do you mean here.

Regards

Hi,

1. please see attached

4. how can I add a longer black horizontal line on top of “Features”. the line i am having now is too short. i highlighted for you in yellow

thank you

Attachments:

You must be logged in to view attached files.

1. Sorry, but you can’t do this for mobile devices if the slider is absolutely full width on the desktop.

4.

.woocommerce-product-details__short-description hr {
	width:100%;
}

1. can u see my 2nd slider? it can fit nicely, but why not 1st slider?
thank you

sorry for no.4, did l copy and paste ur codes wrongly?
please see my link

1. The first slider is full width but banners are in the container. Do you want your first slider to look the same on desktop and mobile devices?

4. No, you need to paste the code into the Custom CSS field in Theme Settings.

I think no. 1 I will figure out, thanks..

no 4. i added the code in CSS, but there is still no line on top of “FEATURES” please help me… please see attached screenshot, i only need a line on top of “FEATURES”

Attachments:

You must be logged in to view attached files.

You need to return <hr/> tag on that place.

this is my code:

<p style=”text-align: left;”>[yasr_overall_rating size=”medium”]</p>
<p style=”text-align: left;”>Details</p>
<p style=”text-align: left;”>1. Reference number
2. Age/ dimension
3. Brand
4. Condition on scale from 1-5 stars
5. Rental price: $**/day $**/week
6. Description</p>
<hr>
<p style=”text-align: left;”>Features</p>
<p style=”text-align: left;”>> Up To 46kg Daily Production
> 25kg Storage Bin
> Lift Up Lid
> Drainage Hose
> Water Hose
> Scoop & Adjustable Feet. Scratches & Small Dints. S/S & Grey
> Finish. 500mmW x 581mmD x 954mmH 56kg. 10 Amp 1 Phase.</p>
<p style=”text-align: left;”>[social_buttons type="share"]</p></hr>

but….still not long enough
http://www.cafekg.com/product/hood-type-dishwasher/

Could you please provide us your admin access?

Please see below

But we don’t see that code added to the Custom CSS in Theme Settings at all. Please, add it first.

no 4. solved. thank you!

another question, how can l hide away the “COMPARE” button on all the products page?

Hi,

You can disable compare plugin at all in the Dashboard -> Plugins.

Regards

[Author]

Posts