Return to previous page

Footer - by Vikfom - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

Vikfom

Participant

March 5, 2018 at 04:19

Hello!
I have few questions about the footer.
How to make footer like here https://www.8theme.com/demo/xstore/minimal/ ?
Can you send me the code please?
Also how to make it white or another color but not dark grey in all website pages?

At the moment I have footer with one column, but it has some problem with a footer menu, it is duplicated on the left side and on the right side, and footer is also dark grey and without social page icons.

Thank you in advance!

Please, contact administrator
for this information.

#187102 Copied Theme version: 4.21 WooCommerce version: 3.3.3

7 Answers
Rose Tyler

Support staff

March 5, 2018 at 11:39
Hello,

Please see screenshots http://prntscr.com/in1ghc http://prntscr.com/in1goq http://prntscr.com/in1gxj http://prntscr.com/in1hoa
Pre Footer –
[vc_row full_width="stretch_row_content_no_spaces"][vc_column][instagram size="medium" columns="2" slider="1" spacing="1" number="8" large="5" notebook="5" tablet_land="3" tablet_portrait="2" mobile="1" username="whowhatwear"][/vc_column][/vc_row]
Footer –
```
[vc_row full_width="stretch_row" content_placement="middle" css=".vc_custom_1491291354872{padding-top: 10px !important;padding-bottom: 20px !important;}"][vc_column width="5/12" css=".vc_custom_1491290914619{margin-bottom: 15px !important;}"][menu menu="39" style="horizontal" align="right"][/vc_column][vc_column width="2/12"][vc_single_image image="5162" img_size="full" alignment="center" css=".vc_custom_1491290971821{margin-bottom: 0px !important;padding-bottom: 15px !important;}"][/vc_column][vc_column width="5/12" css=".vc_custom_1491290924182{margin-bottom: 15px !important;}"][menu menu="40" style="horizontal"][/vc_column][/vc_row][vc_row css=".vc_custom_1491291035601{margin-bottom: 15px !important;}"][vc_column][follow size="small" target="_blank" icons_bg="#373737" icons_color="#737373" icons_bg_hover="#393939" icons_color_hover="#919191" colorfull="true" filled="true" facebook="facebook.com" twitter="twitter.com" instagram="instagram.com" google="#"][/vc_column][/vc_row][vc_row][vc_column el_class="copiright-section" css=".vc_custom_1491290625308{margin-top: 0px !important;}"][vc_column_text]
© Created by <a style="color: #d4d4d4; font-weight: bold;" href="https://www.8theme.com/">8theme</a> - Power Elite ThemeForest Author.
[/vc_column_text][/vc_column][/vc_row]
```
Feel free to ask if you have any other questions.

Regards
#187151 Copied
Vikfom

Participant

March 5, 2018 at 16:19

Thank you Rose for your reply.

Unfortunately I can’t change the color of footer like shown here https://prnt.sc/in1hoa
I changed the color in theme settings but color of my footer didn’t change. It is still dark grey.

I made footer with one column, but it has some problem with a footer menu, it is duplicated on the left side and on the right side. How to fix it? And how to make special menu for footer? Because I want it to be different from main menu.

Thank you in advance!

Please, contact administrator
for this information.

#187216 Copied

Rose Tyler

Support staff

March 5, 2018 at 17:00

Hello,

You use an old version of Core plugin, please update it to latest one (Appearance > Install plugins).
Go to Appearance > Menus > create a new menu then edit your footer static block > in settings of Menu element select needed.

Regards

#187226 Copied

Vikfom

Participant

March 6, 2018 at 06:21

Hello Rose!

I updated Core plugin and changed the color of footer. Thank you.

I also tried to make a new footer menu in Appearance. But I have few questions about it:

What do I need to mark?
– Automatically add new top-level pages to this menu
– Main menu (Currently set to: Main menu)
– Main menu right
– Mobile menu (Currently set to: Main menu)
– Secondary menu
– My account

I also didn’t understand how can I fix duplicated menu on the left and right side of logo?
Please send me a screenshot.
I don’t understand where in settings of Menu element in footer static block I need to select something?

Thank you in advance!

Please, contact administrator
for this information.

#187263 Copied

Rose Tyler

Support staff

March 6, 2018 at 11:23

Hello,

For the footer menu, you need to mark nothing from this list. I’ve created “Footer Menu left” and “Footer Menu right” http://prntscr.com/inirzr Please check and you can simply change these menus.
Also, I’ve edited your footer static block – https://prnt.sc/inislp > http://prntscr.com/inisys

Regards

#187309 Copied

Vikfom

Participant

March 7, 2018 at 04:29

Hello Rose,

Thank you for your detailed reply. I will make footer after couple of days.
I have few more last questions about the theme:

1) where can I change the size and font of a product name (H1 title) on a single product page?

2) where can I change color and size of the price in the category page and single product page?

3) how to make text in 2 columns in a custom tab like here https://www.8theme.com/demo/woopress/boxed/?product=fashion-demo-accessories-9 – custom tab Returns & Delivery.
Please send me the code, I will paste it in my website.

Thank you in advance!

Please, contact administrator
for this information.

#187439 Copied
Rose Tyler

Support staff

March 7, 2018 at 11:29
Hello,

You’re welcome!
1.
```
.single-product h1.product_title {
 font-size: 40px;
 font-family: Raleway;
}
```
2.
```
.single-product .product-information .price {
 font-size: 1rem;
 color: #1e1e1e;
}
```
```
.content-product .price {
 color: red;
 font-size: 20px;
}
```
3.
```
[vc_row][vc_column width="1/2"][vc_custom_heading text="Returns and Exchanges" font_container="tag:h5|text_align:left"][vc_column_text]There are a few important things to keep in mind when returning a product you purchased.You can return unwanted items by post within 7 working days of receipt of your goods.
<ul>
<li>You have 14 calendar days to return an item from the date you received it. </li>
<li>Only items that have been purchased directly from Us.</li>
<li>Please ensure that the item you are returning is repackaged with all elements.</li>
</ul>
[/vc_column_text][/vc_column][vc_column width="1/2"][vc_custom_heading text="Ship your item back to Us" font_container="tag:h5|text_align:left"][vc_column_text]Firstly Print and return this Returns Form to:
30 South Park Avenue, San Francisco, CA 94108, USA 
Please remember to ensure that the item you are returning is repackaged with all elements.
For more information, view our full Returns and Exchanges information.[/vc_column_text][/vc_column][/vc_row]
```
Regards
#187487 Copied
Viewing 8 results - 1 through 8 (of 8 total)