Footer changes - by Sporbillis - on WordPress WooCommerce support

Hello,

Please take our apologies but first 2 customizations were made for you as an exception. We don’t provide such kind of support. If you have difficulties creating the content we recommend you to hire a developer who will make all needed work for you.

Thank you for understanding.

Regards,
Eva Kemp.

Hello,

I’ve created the rows for you.
Please check your page.

Regards,
Eva Kemp.

Hello,

1./4. I’ve added custom class for the rows http://prntscr.com/bp031m and added custom css code: http://prntscr.com/bp02pp

2. I’ve added padding-top value in Text element http://prntscr.com/bp04qf .

3. Add this code in child style.css file:

.vc_btn3.vc_btn3-size-lg:hover {
    border: 2px solid white;
}

5. I’ve added this code in child style.css file:

.footer-top .custom-left-block, .footer-top .custom-center-block, .footer-top .custom-right-block {
    text-align: center;
}

.footer-top .custom-center-block, .footer-top .custom-left-block {
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 3px;
    font-family: Arial;
}

.footer-top .ico-left-custom::before {
	content: "\f0c8";
	font-family: FontAwesome;
	font-style: normal;
	margin-right: 10px;
}

.footer-top .ico-center-custom::before {
	content: "\f0ac";
	font-family: FontAwesome;
	font-style: normal;
	margin-right: 10px;
}

.footer-top .ico-custom-inst::before {
	content: "\f16d";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

.footer-top .ico-custom-fb::before {
	content: "\f09a";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

.footer-top .ico-custom-youtube::before {
	content: "\f167";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

.footer-top .ico-custom-tw::before {
	content: "\f099";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

.footer-top .ico-custom-pin::before {
	content: "\f231";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

.footer-top .custom-right-block a:hover {
    text-decoration: none;
}

.footer-top .custom-right-block a {
	padding: 0 6px;
	border-right: 1px solid #ececec;
	color: #ffffff;
}

.footer-top .custom-right-block a.last-item {
    border-right: none;
}

6. On the site you provided they have images with dimensions 720px × 480px.

7. Add this code in child style.css:

ul.footer-menu li a {
   font-family: Arial !important;
}

Regards,
Eva Kemp.

Hello,

3. What hover effect do you want?

==============================================

1./2. Add this code in child style.css:

@media (max-width: 480px) {
 .left-pad {
   padding-right: 0px !important;
}
.right-pad {
    padding-left: 0px !important;
}}

3. Use this css code:

@media (max-width: 480px) {
  .story-btn.wpb_column {
    text-align: center;
}}

4. Use this css code:

@media (max-width: 480px) {
   .vc_custom_1467711731340 {
      margin-top: -80px !important;
}
.vc_custom_1467711691758 {
   margin-top: -130px;
}}

5. I told you what size is used on the site http://www.mvmtwatches.com/pages/our-story for those images. You can upload pictures and check yourself what size suits you the best.

Regards,
Eva Kemp.

Hello,

3. What do you mean saying “a simple hover effect”? What is it?

1. Add this code in child style.css file:

.vc_btn3.vc_btn3-size-lg {
    font-size: 20px;
    font-family: Arial;
}

2. Read this article http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/ (section “Adding Custom Fonts in WordPress Using CSS3 @font-face”)

Regards,
Eva Kemp.

Hello,

2. Upload font file to child theme directory and add css code to child style.css as described in the article.

The text on row 1 and on row 3 has a lot of white space next to it. Can we fix it ?

Use this code in child style.css file:

.left-pad {
  padding-right: 0px !important;
}
.right-pad {
   padding-left: 0px !important;
}

Regards,
Eva Kemp.

Hello,

1. You can create “fonts” folder in the child theme directory and upload your font file there.

2. It will be visible.

3. In previous posts I gave you this code:

@media (max-width: 480px) {
   .vc_custom_1467711731340 {
      margin-top: -80px !important;
}
.vc_custom_1467711691758 {
   margin-top: -130px;
}}

Add it in child style.css file.

4. Edit this code:

.left-pad {
  padding-right: 0px !important;
}
.right-pad {
   padding-left: 0px !important;
}

to this:

.left-pad {
  padding-right: 5px !important;
}
.right-pad {
   padding-left: 5px !important;
}

Regards,
Eva Kemp.

Hello,

3. I have already used that code since previous post but it didnt work. The code is applied in the custom.css like the rest but it doesnt work

I’ve corrected the code. Please check it now.

I used the font Lucida Bright but i don’t think it’s working because it looks different on 2pcs ( windows ) and different on my iphone. On the iphone is correct.

Here you can see that your font is loaded in footer http://prntscr.com/bphc0f and in mobile devices the font is the same.

Also in the our story page on mobile the black row we did “Auto…” The word unparallelled on mobile is cut like this :
unparallelle
d Price
Can we fix it?

Please pay attention to the property you added in text block editor in Pages > Our Story http://prntscr.com/bphfzb

Best regards,
Jack Richardson.

Hello,

1. Use this css code:

.slide-item .product .product-name, .products-grid .product .product-name,
.slide-item .product .add-to-container, .products-grid .product .add-to-container {
   text-align: center;
}

2. Please clarify what exactly do you want to edit and do you mean single product page or shop page?
As for child theme read the documentation here https://codex.wordpress.org/Child_Themes

Best regards,
Jack Richardson.

Hello,

You forgot to close } in child style.css. I’ve edited the code. Please check the “#wrig” section and footer now.

2. How can i change the color/font/size of the ADD TO CART button? I want it to look like it looks on the single product page.

Use this code in child style.css file:

a.button.etheme_add_to_cart_button.product_type_simple {
    color: white;
    background-color: #909090;
    font-size: 21px;
}

3.1. As I see icon font size is changed http://prntscr.com/bpwjzq.

4. Sorry, but our theme doesn’t have such options.

Best regards,
Jack Richardson.

Hello,

3. Add this code in child style.css file:

.footer-top .ico-custom-vimeo::before {
   font-size: 22px !important;
}

3.1. You need edit each page and add copy the content from home page:
http://prntscr.com/bpx0nh

3.2. I’ve added the code in child style.css file:

.footer-top .ico-custom-vimeo::before {
	content: "\f27d";
	font-family: FontAwesome;
	font-style: normal;
	font-size: 16px;
}

Check the icon in footer now.

4. I’ve edited the css code:

.vc_custom_1467810434845 .title.a-center span {
    font-size: 22px !important;
}

and changed it to

.vc_custom_1467810434845 .title.a-center span, .vc_custom_1462619350298 .title span {
    font-size: 22px !important;
}

Check “A watc…” title now.

5. As I see description is shown properly http://prntscr.com/bpx3n6. What exactly do you want to customize?

Best regards,
Jack Richardson.