Return to previous page

Change "product successfully added" background green color, etc

This topic has 23 replies, 3 voices, and was last updated 9 years, 12 months ago ago by Eva Kemp

femr

Participant

November 30, 2014 at 17:22

Hi, the theme is great, I love it! I have a few questions to ask:
1. How can I change the “product successfully addded” background green color (it appears over the product when I add one and then again on the cart page). It really messes with my theme colors. I would prefer it in black, is there a code to add to the custom.css file?
2. Is there a way to block the footer in the mobile version? It takes forever to scroll the homepage down. Then I would like to add the pages on the footer to a special mobile menu.
3. Depending on the length of the product name and the product categories in which they are, some products are shown larger (for example, in the homepage, the products with the larger names have more lines, thus they take more space), is there a way to fix the size in which they are shown so that they all measure the same?
4. How can I show certain categories on the shop menu while excluding others? (For example, if I have “apples”, “oranges”, “SALE”, show only the fruits so I can show all the products under “SALE” on another page)
5. I’m using a full width menu, and the subitems (with subitems of their own) only show in columns and with “>” before every category, but I’ve seen on another Legenda that each column doesn’t necessarily show a subitem. I’ve added this example as private content. How can I achieve this?
Thanks in advance

Please, contact administrator
for this information.

#27367 Copied

22 Answers

femr

Participant

November 30, 2014 at 21:07

6. I’ve just updated the theme, and the light blue coupon code button on the checkout page doesn’t fit my style either, is there a code to make it look like before? (a cleaner, more discreet B/W button)
7. Also, where can I find the code to change the text of that new button? I had just ended translating the whole thing,
Thanks!

#27374 Copied

Eva Kemp

Support staff

December 1, 2014 at 12:31

Hello,

1./3./6. Please provide us with the link to your site.

2. Do you want to create a menu in the footer or to disable the footer at all on mobile devices?

4. You can a product category to the menu in Appearance > Menus, just drag a category item to the menu.

5. Please read our documentation how to set up menu:
https://www.8theme.com/demo/docs/legenda/index.html#!/primary_menu

7. The “New” icon text can be edited with some image editor as this is an image that is located in wp-content/themes/legenda/images/label-new.png.

Regards,
Eva Kemp.

#27423 Copied

femr

Participant

December 2, 2014 at 10:18

Hi,
1, 3, 6: I’ve added my site as private content as I don’t want my site to appear on google
2. Disable the footer at all on mobile devices
5. Yes, but how can I have several parent categories and their subitems in the same column of the full-width menu? As it is, I can only have one per column, and cannot erase de “>”
7. I meant changing the text of the new light blue coupon code button.
While we are here…
8. How can I change the font of the parent categories on the menu? As in “Blog” and “Shop” on my site?
9. How can I remove all of the “more info” tabs from the product single page? I found this code and added it to my custom.css file but nothing happened:

#tab_additional_information {
display:none;
}

Thanks!

Please, contact administrator
for this information.

#27597 Copied
Eva Kemp

Support staff

December 2, 2014 at 16:18
Hello,

1. To change background color of the message you need add this code into custom.css file:
```
.woocommerce-message {
    background-color: #98C391 !important;
}
```
Change color value to yours.

2. To remove footer on mobile add this code in custom.css:
```
@media (max-width: 480px) { .footer {
   display: none !important;
}}
```
3. Use this code in custom.css:
```
.slide-item .product .products-page-cats, .products-grid .product .products-page-cats {
    height: 20px;
}
.slide-item .product .product-name, .products-grid .product .product-name {
    height: 40px;
}
.slide-item .product .product-image-wrapper, .products-grid .product .product-image-wrapper {
   height: 260px;
}
```
5. Unfortunately there is no possibility to show parent categories items in one column. Sorry.

6. Add this code in custom.css:
```
.woocommerce-info {
   background-color: #6BCBF5 !important;
}
```
Change color value to yours.

7. The Coupon text can be changed in wp-content/themes/legenda/woocommerce/checkout/form-coupon.php.

8. Add the following code into custom.css file:
```
.main-nav .menu > li > a {
   font-family: Muli;
}
```
Write the font you want to use.

9. Sorry, but I don’t see “More info” tab on a single product page. Have you removed it?

How to create custom.css you can watch in this tutorial.

Thank you.
Regards,
Eva Kemp.
#27691 Copied
femr

Participant

December 2, 2014 at 17:02

Almost everything worked as a charm, thanks! The only thing is that
3. On the homepage of the mobile version there is a huge gap between the product photo and its title, and titles are overlapping over the price. On the Shop page (mobile version too) photos are overlapping the text. How can I fix all of these?
6. How can I change the “have a coupon?” to black? If I make the button white I can´t see that
9. I could remove the “more info” tab on single product pages but not the “aditional information”, “comments” and “returns and delivery”, how can I remove those as well?
Thanks again

#27709 Copied

femr

Participant

December 2, 2014 at 19:03

Also the code:
.main-nav .menu > li > a {
font-family: Muli;
}

didn´t make effect, the menu parent categories are still in a different typography from the rest of my site (I’m using Muli by the way)

#27722 Copied
Eva Kemp

Support staff

December 2, 2014 at 21:01
Hello,

3. Please specify with what mobile device you’re checking the site.
6. Please add this code into custom.css:
.woocommerce-info { color: #00F; }
Change color value to yours.
9. “Returns and Delivery” tab can be removed in Theme Options > Single Product Page > remove “Custom Tab Title”. To remove Comments tab add this code in custom.css:
#tab_reviews {display: none !important;}

Try to use this code instead of the previous one to change menu items font:
```
.header-type-3 .main-nav .menu > li > a, .header-type-4 .main-nav .menu > li > a {
    font-family: Muli !important;
}
```
Regards,
Eva Kemp.
#27743 Copied
femr

Participant

December 2, 2014 at 21:24

3. I tried it with an Iphone and Ipod and they look the same
9. The comments tab is gone, but there is no remove Custom tab title, I can only erase the dummy content and the Custom Tab still shows up on each single product page. I also still have the Aditional Information tab as well

I’m sorry I have another question… How can I update Visual composer?
Thanks!

#27744 Copied

Eva Kemp

Support staff

December 3, 2014 at 13:26

Hello,

Please provide us with wp-admin panel and FTP credentials in Private Content.
We’ll update VC plugin for you.

Regards,
Eva Kemp.

#27840 Copied

femr

Participant

December 3, 2014 at 13:40

I added the fpt credentials, can you take care of the rest (points 3 and 9) by accessing as well? Otherwise let me know what can I do to fix that! Thanks

Please, contact administrator
for this information.

#27844 Copied
Eva Kemp

Support staff

December 3, 2014 at 18:36
Hello,

3. Please add this code into custom.css file:
```
@media (max-width: 480px) {.slide-item .product .product-image-wrapper {
    height: 160px;
}}
```
Please provide us with wp-admin panel credentials as well.

Thank you.
Regards,
Eva Kemp.
#27929 Copied
femr

Participant

December 3, 2014 at 19:38

3. On homepage it worked perfectly but on the shop page the images are still overlapping some of the text
9. How can I erase the Additional Information and Custom tabs?
I’ve just added the info here,
Thanks

Please, contact administrator
for this information.

#27941 Copied
Eva Kemp

Support staff

December 3, 2014 at 20:02
Hello,

3. I’ve added this code into custom.css file:
```
@media (max-width: 480px) {.products-grid .product .product-image-wrapper {
    height: 350px;
}}
```
Check your shop page now.

Please read Woocommerce documentation how to remove and edit tabs on a single product page:
http://docs.woothemes.com/document/editing-product-data-tabs/

Thank you.
Regards,
Eva Kemp.
#27946 Copied
femr

Participant

December 3, 2014 at 21:27

That’s fixed, now the large title products are overlapping on the mobile homepage (in fact, I don´t know if they were before, I only saw that the first ones were OK)
Were you able to update Visual Composer? I still cannot use it, maybe something went wrong

#27960 Copied

Robert Hall

Support staff

December 3, 2014 at 22:17

Hello,

I’ve made some changes in custom.css file and updated the Visual Composer plugin. Check it.

Regards,
Robert Hall.

#27966 Copied

femr

Participant

December 3, 2014 at 23:22

1. I´ve added two photos as private content as you can see the errors displayed on the mobile version
2. “Please activate your copy of Visual Composer to receive automatic updates.” Do I have to do something with this? I don’t have the data to activate it, thanks!

Please, contact administrator
for this information.

#27970 Copied

Eva Kemp

Support staff

December 4, 2014 at 12:22

Hello,

1. Sorry, but I don’t see any problems with products display:

What mobile device are you using?

2. VC plugin works fine without activation and you can always get actual version if you want directly from us. Just ask and we’ll send a current version to you. We update plugins with theme updates from time to time so plugins will be also updated with each next theme update. The option with registering of the plugins has been already added to plugin and this only allows you to get automatic updates and support for this plugin directly from an author if you need. You don’t need to register this product because it is not required but if you want to get those features, then you need to purchase this plugin directly from the author. This is how it works for all themes on Themeforest and not only in our case.

Regards,
Eva Kemp.

#28026 Copied

femr

Participant

December 4, 2014 at 13:18

The ones that show with problems (as the images attached above on my private content) are the ones with long names. I also see well the ones in your capture, just move on to the next product items to see what I mean. I’ve tried this on several Iphones.
Also what about the display on the shop page? Do you see the images overlapped as I’ve shown you before?
Thanks!

#28043 Copied

femr

Participant

December 4, 2014 at 15:03

I could temporarily fix the first problem by showcasing only the products with short names, but I do need a solution for the overlapping on the shop page as soon as possible. Thank you

#28075 Copied

Eva Kemp

Support staff

December 4, 2014 at 18:22

Hello,

I’ve edited the code for Shop page products.
Please check now.

Regards,
Eva Kemp.

#28118 Copied

femr

Participant

December 4, 2014 at 18:49

Perfect!! Thank you!!!

#28122 Copied

Eva Kemp

Support staff

December 4, 2014 at 21:15

Hello,

You’re welcome.

Regards,
Eva Kemp.

#28143 Copied
Viewing 23 results - 1 through 23 (of 23 total)

The issue related to '‘Change "product successfully added" background green color, etc’' has been successfully resolved, and the topic is now closed for further responses

Change "product successfully added" background green color, etc

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection