Return to previous page

Need help to change style - by zhongmincan

This topic has 12 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

zhongmincan

Participant

May 6, 2014 at 10:02

Hi,

Could you guys tell me if it’s possible to disable or set up a individual background colour for the main navigation? Currently it force me using the same colour as the product price and buttons.

#2786 Copied

11 Answers

Eva Kemp

Support staff

May 6, 2014 at 11:01

Hello,

You can change the menu color in custom.css using the code:
.menu {background-color: red;} and change the value to the one you need.

Don’t forget to enable custom.css in XMarket – Theme Settings > tick “Enable Custom CSS file”.
Also you need create custom.css in the theme folder.

Regards,
Eva Kemp.

#2790 Copied

zhongmincan

Participant

May 6, 2014 at 16:31

Thanks,

Also, if it’s possible to change the color for product price ?

#2860 Copied

Eva Kemp

Support staff

May 6, 2014 at 16:42

You can change it adding the code in custom.css:
.amount {color: the_color_name;}

Regards,
Eva Kemp.

#2862 Copied

zhongmincan

Participant

May 8, 2014 at 14:15

Hi,

I’ve tried the code .menu {background-color: red;} and seems that it will only work with the default menu, when I go to Appearance > Menus create my custom menu and assign it to the Top Navigation, then the color will not change in this way.

Also, is it possible to change the color for the Mobile menu? Should I add the code to .et-mobile-menu {}?

#3091 Copied

Eva Kemp

Support staff

May 8, 2014 at 15:05

Hello,

Could you please provide us with the site name with custom menu set in Private Content?

Regards,
Eva Kemp.

#3103 Copied

zhongmincan

Participant

May 8, 2014 at 15:21

Hi, see the private content, I’d like to set the background color of the main menu to transparent, also for the mobile menu.

Thanks

Please, contact administrator
for this information.

#3106 Copied

Eva Kemp

Support staff

May 8, 2014 at 17:30

Hello,

Thank you for the credentials.
I’ve made changes in custom.css. Please check the menu now. Is it displayed properly?

Regards,
Eva Kemp.

#3125 Copied

zhongmincan

Participant

May 9, 2014 at 04:56

Yes, perfect! thanks for the quick help:)

As you can see I’m using the code border-radius: 30px; to get a rounded conner for my product image, but for the small product image (like the product list in widget), I can’t seems to get it working on this way, can you help?

also, for the products, is it possible to truncate long products title in a shorter title? like say if the product title is longer than 20 characters it will be truncated to a shorter title with “…” at the end.

Sample:
“this is my great sample” –> “this is my great sam…”

thanks
Zhong.

#3187 Copied

Eva Kemp

Support staff

May 10, 2014 at 11:42

Hello,

I’ve made changes in custom.css. Please check the images in Product list sidebar.
According to the title you have to edit child theme files to customize them for your needs. If you have necessary skills you may try to modify them.

Regards,
Eva Kemp.

#3267 Copied

zhongmincan

Participant

May 10, 2014 at 15:22

Great!

Can you also remove the border for small product image?

Many thanks

#3290 Copied

Eva Kemp

Support staff

May 11, 2014 at 17:05

Hello,

That’s done. Please check.

Regards,
Eva Kemp.

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