Return to previous page

Footer menu color and some links questions

This topic has 12 replies, 3 voices, and was last updated 3 years, 11 months ago ago by Olga Barlow

Konstantin

Participant

June 16, 2021 at 08:41

Hello,
I have some questions below:
1. I need to change the color of the Footer menu. I already create another one for to Main menu Footer menu in Theme options. Main Menu setup for texts and links done in Theme Options – Main menu. But I can’t find in Theme Option and elementor how to change blue colors and hoover colors of footer menu.
2. I need to setup e-mail, phone call, Telegram via Social Links and in Main Header – Theme Options, Contacts – Phone Element Link. Please share the format of links for it. 3. How I can remove the Downloads menu in the User Account sections.
4. I have the Main page with links to dedicated sections – Anchors and several other separate pages like Cookes, etc. How I should create a Menu for the main page-Anchors an incorrect way?
Thank you
Konstantin

#291058 Copied Theme version: 7.2.11 WooCommerce version: 5.41

11 Answers

Rose Tyler

Support staff

June 16, 2021 at 12:21

Hello,

What demo version have you imported?
1) Theme Options > Footer > Footer styling > Footer Links.
2) Delete default elements of Contents in Theme Options > Header builder and own from scratch.
tel:+xxxxxxxxxx
3) Go to WooCommerce > Settings > Advanced and remove the entry for Downloads in the Account endpoints section, just leave it blank. And the menu will not be visible anymore.
4) https://youtu.be/EeR0Jn9eUpA

Regards

#291079 Copied

Konstantin

Participant

June 16, 2021 at 14:10

Hello,

I setup “On-line courses” Elementor edition.

1. I was trying, but it’s works partially. Social Link element works correct, but Footer menu in Blue color. Please find screens below. I can Export customization settings if needed.
https://ibb.co/gFHtDLg

1. How I can modify colors for the Light and Dark Mode theme? I need to change the Background color, color for links and texts in Lite version and Dark version in static and hoover version.
In the case of Dark mode I got a small horizontal space between page and footer, please check screens. How I can remove it? There are no blocks under the last section background image.
Now I use the Light version, in this version, I can put more black background color, but Social links not visible (in grey color). In the case of Dark Mode activation Social Links colors fine, but there issue with the line under the footer and general background color changed to lite black.
There are 2 screens with Lite and Dark Mode on/off
https://ibb.co/gFHtDLg
https://ibb.co/wR1Phvr
2. Done. Thanks. Solution works for Phone. How I need add email to link format to Social Links Elementor block? info@site.us
3. Done. Thanks
4. Done. Thanks

Thank you
Konstantin

#291094 Copied

Olga Barlow

Participant

June 16, 2021 at 18:10

Hello,

Could you, please, move your site online and provide us with WP Dashboard access? It’s difficult to help you with the mentioned issues without inspecting your site, looking at screenshots only.

Regards

#291126 Copied

Konstantin

Participant

June 30, 2021 at 15:08

Hello,
I moved my site online.
Can you support for questions below:
I use Polylang and Hyyan WooCommerce Polylang Integration plugin to organize translation for Ukrainian, Russian, and English.
1. How I should set up the Main menu in the header and the Mobile menu for different languages? I already create 3 Header Main menu/3 Mobile menu and 3 Footer menu. Footer menu done via Static blocks and links works correctly.
2.1 How I can increase the size of Social links icons in the mobile menu and add space or line separation before languages and social links
3. Can you check and showplace in CSS to change the blue color of the Footer menu to white? (Please find login info in the Private content area)
4. Can you support with “Choose your ideal diet” section.
Example in Figma: https://www.figma.com/proto/5t3TzzHt1kDMQF3q2PlmXc/Omega-Three?node-id=701%3A2370&scaling=scale-down-width&page-id=2%3A2
4.1 No visibility for icons Fish and Meat in the web version and Mobile version.
4.2 Can you check the visibility of Icons and content for this block too. It was realized via Static Blocks
4.3 Product visualization. Products greed form will show only one various product in my case. Now it looks like https://ibb.co/fvJtx4c
Where I can change the white background color to black, yellow price, and add a yellow border for it? Define the size of this block. And fix problems with visualization for Fish and General buttons, text not in the vertical center.
5. How to add space between Products in Shop? https://omegathree.com.ua/shop/
6. Where I can change colors for texts on white buttons quantity to black? Please find screens
https://ibb.co/N6MX3JV
7. How I can add interval in the mobile version under Breadchump and Logo in the center of the main menu?
8. Do you know how to organize translation for Wookomerce and Breadchumps?
Thank you
Konstantin

Please contact administrator
for this information.

#292607 Copied
Olga Barlow

Participant

July 1, 2021 at 17:06
Hello,

1. Use multiple header option to create headers for the other languages and then edit every header and choose the menu you want to show there https://youtu.be/BpeXfzNwkOc
2.1 Add the below code to child theme style.css

.mobile-menu-content .et_b_header-socials a { font-size: 130%; } .mobile-menu-content .et_b_header-socials { border-top: 1px solid #dedede; padding-top: 20px; }

3. Done https://prnt.sc/17v7fdi
4.
4.1 I don’t see any icon inside and SVG that you used for bg does not exist https://omegathree.com.ua/wp-content/uploads/2021/06/meat.svg
I you add https://omegathree.com.ua/wp-content/uploads/2021/06/meat-white.svg it works. So, check the svgs names.
4.3 Screenshot is not available. Provide screenshot of things that you need to change.
Product is missing and I can’t suggest anything https://prnt.sc/17v9vdv and there are errors in console related to your custom code.
5. Use padding

.content-product { padding: 20px; }

6. Image is missing https://prnt.sc/17vaj1m Don’t understand what exactly you want to change.
7. Edit mobile paddings if you use the overlap option for your header https://prnt.sc/17vb1p7
8. Use Loco translate to translate theme, XStore core plugin, WooCommerce plugin and other plugins you have to other languages https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

Thank you
#292747 Copied
Konstantin

Participant

July 2, 2021 at 13:30

Hello,
1. Multiple menu works, thank you.
2 and 3 Done, txh
4. Let me clarify my problems for “Choose your ideal diet” section.
Example in Figma: https://www.figma.com/proto/5t3TzzHt1kDMQF3q2PlmXc/Omega-Three?node-id=701%3A2370&scaling=scale-down-width&page-id=2%3A2
4.1 How I can add icons of Fish and Meat in the web version after Diet “1200 сalories” text? I have only yellow and grey buttons https://omegathree.com.ua/en/omega-three-en/
4.1.1 How to set Names in General Tab 1200 calories/ 1500 … in the center for Web version?
4.2. Please use this version and link (Ukrainian 1200) to check the mobile version https://omegathree.com.ua . All tabs for all languages will be with the same logic for Mobile only view.
I organize the next logic: 1. General Tab with a selection of diet 1200/1500, etc on Main page. And for each Tab define Static Block “Mobile menu 1200”
2. Create Static Blok “Mobile menu 1200” with 2 sections for Product on the left and New static block “FG Description 1200” on the right.
3. Inside of Static Block “FG Description 1200” create General Tabs for Fish and General diet. For each of these Tabs create new static blocks with Slider of Menu.
My problem: I can see in the Mobile version only the first General Tab 1200/1500/. How I set it visible? Example from Elementor https://ibb.co/HGrZZzX (Is it possible to put Icons in Tab in 1 horizontal row?)
(I add Active static bloc “Mobile menu slider” as an example of Mobile slider on production)
4.3. Where I can change the white color and border for products? https://ibb.co/Yt8DLHT
4.4. How I can put to vertical center text Fish/General inside of Buttons? https://ibb.co/Yt8DLHT
4.4. How I can show a Product Cart button and Add to Cart Icon? https://ibb.co/FKjwCDG

5. How to add space between Products in Shop? https://omegathree.com.ua/shop/ I try to add padding in general CSS in Theme Options, not works. Where do I need to add this Padding for products?
6. Where I can change colors for texts on white buttons quantity to black? Please find screens https://ibb.co/Q60g361
7. Done, thx
8. Thank you
Konstantin

Please contact administrator
for this information.

#292846 Copied
Olga Barlow

Participant

July 5, 2021 at 09:29
Hello,

You are welcome.

4.1 Change image name in your custom to the correct one https://prnt.sc/181hc7o
For example incorrect link https://omegathree.com.ua/wp-content/uploads/2021/06/meat.svg (you don’t have such image in the media, why do you use this link?)
Correct link ttps://omegathree.com.ua/wp-content/uploads/2021/06/meat-white.svg (there is such image in your media)

4.2. It’s very complecated system and I’m not sure that understand how it shoul look and work for the mobile device. Do you have figma mockup for the mobile version of these tabs for better understanding?

4.3. You added custom code to make bg color of the products white

.post-1062, .post-1101, .post-1075, .post-1088 { background-color: white; }

I would recommend you using

.content-product { background-color: #fff; }

to add the bg color for your product card.
Do you want to change the border around the fish and general titles?
Go to Theme Options > WooCommerce > SHop elements > Variation swatches > change the border color for the active tab.

4.4. Never use the line height in the px usnits. For example line-height: 18px, use line-height without uningt, for example 1.3 then your line height will be calculated automatically depending on the font-size and will be 1.3 larger.

4.4. Do you need 2 separate buttons? What the first button should do?

5. Do you need dark space for products https://prnt.sc/187puu8 ?
6. Added custom code to child theme style.css.

Regards
#293042 Copied
Konstantin

Participant

July 5, 2021 at 15:52

Hello,

I will check 4.1-4.2.
4.3 – Thank you
4.4 Do you already update px units for Variations (Type of Diet and Days)? Which element or CSS code manages it? Its looks like no vertical Alignment for Diet and Days.
4.4. The case is next: You can click Buy Now button to go to Checkout or click to Cart Icon and put it to Cart and continue shopping. https://ibb.co/FKjwCDG
5-6. Yes, thank you
7. I translated via Loko translate and Polylang, but not find some wording or changes not applied.
7.1 For next wording Shop (Магазин) and My Account (Мій Аккаунт) in Ukrainian version only
https://ibb.co/S3dckTP
https://ibb.co/Czxsjrb
7.2 Checkout page. I use the Checkout Manager for WooCommerce plugin for fields marked in blue and I don’t find how I can translate it. Can you check the solutions?
https://ibb.co/j8n8XW0
7.3. Item 12 – Free shipping. In the case of language switch during checkout, no change for it.
7.4 Add to cart for products not translated too. https://ibb.co/87bxQkZ
8. Can you check the Ukrainian and Russian versions Thank you Page after Chackout. I put any product to Cart and Place Order. There are messages your Shoping cart Empty. English version works correctly. I see orders for the Ukrainian and Russian versions in the Admin interface of Wooccommerce, but no Thanky Page with details to client.
9. Can you share css code to set Backgroud color for a Single product in white and put variations switches in the center. I’m not find this option in builder. How I can add space after main menu? https://ibb.co/Kxj4d1x
10. Quick view. How to change background color to White, Button to Yellow and translate Type Of Diet: and Days: for other languages?
Thank you
Konstantin

Please contact administrator
for this information.

#293114 Copied
Olga Barlow

Participant

July 5, 2021 at 20:27
4.4 Remove the custom height from your custom code https://gyazo.com/38fa492ba1323626289e7e739b2ddb57

.st-swatch-shape-square li { height: 40px;

4.4. We don’t have such an option for the product grid, only for the single product page. Additional customization required to show the buy now button on the shop page.

7. I translated via Loko translate and Polylang, but not find some wording or changes not applied.
7.1 Change the title of the pages according to your language.
7.2 Contact plugin author about this. We are able to help only with the translation of our theme fields and XStore core plugin. We are not responsible for third-party plugins.
7.3. https://prnt.sc/18scx13
7.4 It was XStore core plugin translation.
8. Could you, please, enable Storefront default theme and check if you have the mentioned issue with the Storefront theme? Do you use WooCommerce Polylang? It’s required if you want to create the multilanguage store.
9. Check now.
10. To change the background color I added the below custom to child theme style.css

.et-quick-view-wrapper .et-popup-content { background-color: #fff; color: #555; }

Contact translation plugin support. It looks that your transaltion plugin does not load correct translation for the Ajax requests.

Regards
#293148 Copied
Konstantin

Participant

July 6, 2021 at 12:07

Hello,
7. Thank you, works
8. Yes I enabled Storefront, but no redirection to Thank you page. Yes, I use the Polylang plugin and Hyyan WooCommerce Polylang Integration. I fond just next comment on support forums: https://wordpress.org/support/topic/no-redirect-to-checkout-cart/
If you have configurated in Ajax product redirect to the cart page after sucesfull adiction, the validation requiered fields option in PPom doesnot work.

In spite of the validation and the error message, add the product to the shopping cart. After correcting the validation error, add it again.

Error message is working only if you uncheck redirect to the cart page after sucesfull adiction, but independent of the error message, keep adding the products with the data that is well filled.
—-
On my localhost version I can see Thank you page for Ukrainian and Russian, but it too old.

9. During Activation and Deactivation of Storefront, it looks like Header styles and Product ordering for Ukrainian version are changed somewhere. Can you fix styles for Header and Product ordering? Additionally, Main menu and Mobile menu links were, but I will fix links no problem.
10. It looks like shopping cart, Checkout, Thank you page starts to be wide and change the style. Can you rollback styles for it? The problem only for the Ukrainian version of the site.
11. I deactivate Hyyan WooCommerce Polylang Integration and fix the problem with Thank you page for Ukrainian and Russian pages, but on localhost, it works with an active plugin. With disable plugin there are a mix of different translations on the page

Thank you
Konstantin

Please contact administrator
for this information.

#293207 Copied

Olga Barlow

Participant

July 6, 2021 at 15:52

Hello,

8. Do you meant that it does not work even with the Storefront theme?
9. , 10. Go to Theme Options > try to resave settings and check the frontend after that. Do you still have issues with the styles?
11. If the redirect does not work even with the Storefront theme we can do nothing. You need to contact the plugin author about this issue.

Please, create a new topic if you have questions about other issues to avoid misunderstanding.

Regards

#293239 Copied
Viewing 12 results - 1 through 12 (of 12 total)