Return to previous page

Home page changes - by Sporbillis - on WordPress WooCommerce support

This topic has 22 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Jack Richardson

Sporbillis

Participant

June 17, 2016 at 20:21

Hello,

I was wondering if there is anyway i can create something similar to the following. See private the black marked box on the image.

Please, contact administrator
for this information.

#130146 Copied

21 Answers

Jack Richardson

Support staff

June 18, 2016 at 08:24

Hello,

You can add the content using Visual Composer editor, divide row into 3 columns and add Text elements with your content.

Best regards,
Jack Richardson.

#130175 Copied

Sporbillis

Participant

June 18, 2016 at 12:00

I tried that but how do i include icons? Also how can i split the icons like they do on the last column?

#130200 Copied

Sporbillis

Participant

June 18, 2016 at 12:18

Also when i try adding the text, the column is very big. Their is very narrow

#130201 Copied

Eva Kemp

Support staff

June 21, 2016 at 08:48

Hello,

Have you changed WP login credentials?
We can’t log in now.
Please give us correct login details.

Regards,
Eva Kemp.

#130361 Copied

Sporbillis

Participant

June 21, 2016 at 09:00

see private, also just to let you know i saw that you are trying to do it for me, i liked the first version you did but again the line needs to be more narrow

Please, contact administrator
for this information.

#130364 Copied

Sporbillis

Participant

June 21, 2016 at 09:16

Also i noticed that after you started working on the site, on the homepage the product slider instead of showing 4 products in the line it shows 3 and 1 below.

#130369 Copied

Jack Richardson

Support staff

June 21, 2016 at 10:59

Hello,

Now there is other error on your site:
http://storage1.static.itmages.com/i/16/0621/h_1466503195_8752289_10b31fe1fc.jpeg

Please check it with your hosting provider support.

Best regards,
Jack Richardson.

#130401 Copied

Sporbillis

Participant

June 21, 2016 at 11:12

Yes i know, we are trying to configure cloudflare, will let you know in a bit

#130406 Copied

Jack Richardson

Support staff

June 21, 2016 at 13:13

Hello,

Ok, looking forward to your reply.

Best regards,
Jack Richardson.

#130425 Copied

Sporbillis

Participant

June 21, 2016 at 14:05

Okay now the site works. Please continue and also fix the slider. Thanks

#130445 Copied

Sporbillis

Participant

June 21, 2016 at 14:08

As i said earlier, i liked the first version you created, it looked really good, but again the up/down needs to be narrower. it’s too big.

#130448 Copied

Sporbillis

Participant

June 21, 2016 at 20:49

Just a small note,

1. We dont need the “Global”
2. we only need the “FREE WORLDWIDE SHIPPING WHEN PURCHASING A WATCH” in the middle in 1 line
3. The social media on the 3rd column we need Facebook/Instagram/Youtube and Twitter for now only.

Thanks a lot!

#130534 Copied

Jack Richardson

Support staff

June 21, 2016 at 21:28

Hello,

I’ve added custom html and css code as shown on the screenshot http://prntscr.com/bj9ujp
You can edit it to your needs.

Best regards,
Jack Richardson.

#130537 Copied

Sporbillis

Participant

June 21, 2016 at 21:57

How can i remove the left block without breaking it?
How can i add youtube icon in the same style as the rest of the icons?
How can i change/edit the font of the free shipping text?

By the way thanks so much for all the help so far. Please advice on above. That css and html you added if i update the theme/wordpress/visual composer will it break ?

#130538 Copied
Jack Richardson

Support staff

June 22, 2016 at 10:46
Hello,

How can i remove the left block without breaking it?

Check the screenshot how to remove the mentioned block http://prntscr.com/bjh8rb

How can i add youtube icon in the same style as the rest of the icons?

I’ve added youtube icon as requested.

How can i change/edit the font of the free shipping text?

To edit font of the mentioned block you need to change the following css code in VC css editor http://prntscr.com/bjhkpr :
```
.center-block, .left-block {
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 3px;
    font-family: Arial;
}
```
That css and html you added if i update the theme/wordpress/visual composer will it break ?

No, it won’t be affected after updates.

Best regards,
Jack Richardson.
#130595 Copied
Sporbillis

Participant

June 22, 2016 at 17:36

Thanks for the reply. About the font, i cant just type any font i want? Or i need to use specific fonts? Do i have to upload them? How does it work ?
If we want to change the icons in the future how do we change them? Do we need to upload them somewhere first?
Last question ( also please answer the above) u changed the 4 featured images of the image page to “slider” ( which also creates a slider on mobile, which i don’t want. I had it set up as grid but it doesn’t display 4 images in a row on desktop anymore when i put it as grid. It takes 1 image below. Can you help ?)
Thanks

#130704 Copied

Jack Richardson

Support staff

June 23, 2016 at 10:00

Hello,

Thanks for the reply. About the font, i cant just type any font i want? Or i need to use specific fonts? Do i have to upload them? How does it work ?

Please read the following articles http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ , http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

If we want to change the icons in the future how do we change them? Do we need to upload them somewhere first?

In our themes we use FontAwesome icons so if you want to change them go here http://fontawesome.io/icons/ and select needed ones. After you need to find icon unicode value (check the screenshot http://prntscr.com/bjw846 ), copy and paste it in appropriate css block as shown on the screenshot http://prntscr.com/bjw911

As for the featured products on home page the problem is fixed now. Please clear browser cache and check.

Best regards,
Jack Richardson.

#130803 Copied

Sporbillis

Participant

June 23, 2016 at 10:39

Thanks for the detailed reply.

2 more questions/problems :

1. About the fonts i am using a child these so how do i proceed with different fonts?

2. The icons you added on the right of the home page ( social icons ) on mobile they look missplaced.

#130811 Copied

Jack Richardson

Support staff

June 24, 2016 at 09:00

Hello,

1. Please read the tutorials attentively how to add new fonts:
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ ( paragraph “Adding Custom Fonts in WordPress Using CSS3 @font-face”)
http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/ (paragraphs “Find the Google Web Fonts that You Like”, “Adding Google Web Fonts in WordPress Themes”)

2. I don’t see any issues with icons on mobile:
http://prntscr.com/bkd5x6

Please show a screenshot and specify what mobile device are you using.

Best regards,
Jack Richardson.

#130933 Copied
1 2

Viewing 20 results - 1 through 20 (of 22 total)