HOMEPAGE & PRODUCT PAGE – Need Help

This topic has 14 replies, 2 voices, and was last updated 7 years, 2 months ago by Artem Temos.

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
September 15, 2017 at 3:00 am #19433

joyceloh
Participant

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.

September 15, 2017 at 6:28 am #19441
Artem Temos
Keymaster
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
September 15, 2017 at 6:40 am #19445

joyceloh
Participant

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.

September 15, 2017 at 7:29 am #19448
Artem Temos
Keymaster
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%;
}
```
September 15, 2017 at 7:33 am #19449

joyceloh
Participant

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

September 15, 2017 at 7:37 am #19450

joyceloh
Participant

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

September 15, 2017 at 7:44 am #19451

Artem Temos
Keymaster

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.

September 15, 2017 at 7:58 am #19452

joyceloh
Participant

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.

September 15, 2017 at 7:59 am #19454

Artem Temos
Keymaster

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

September 15, 2017 at 8:04 am #19455

joyceloh
Participant

this is my code:

[yasr_overall_rating size=”medium”]
Details
1. Reference number
2. Age/ dimension
3. Brand
4. Condition on scale from 1-5 stars
5. Rental price: $**/day $**/week
6. Description
<hr>
Features
> 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.
[social_buttons type="share"]</hr>

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

September 15, 2017 at 9:20 am #19460

Artem Temos
Keymaster

Could you please provide us your admin access?

September 15, 2017 at 11:12 am #19466

joyceloh
Participant

Please see below

September 15, 2017 at 11:35 am #19472

Artem Temos
Keymaster

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

September 18, 2017 at 2:02 am #19617

joyceloh
Participant

no 4. solved. thank you!

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

September 18, 2017 at 6:09 am #19627

Artem Temos
Keymaster

Hi,

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

Regards
Author

Posts