Return to previous page

Css issues - by dunies - on WordPress WooCommerce support

This topic has 27 replies, 3 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

dunies

Participant

July 16, 2018 at 10:39

Hello, I have 3 css issues.

1. I have placed the language on footer through a widgetized sidebar but although I have set it to horizonal it is displayed vertically. How can I display it horizontally?

2. On slider revolution the nice button the theme has, doesn’t display in Chrome. How can I display it?

3. On comments the gdpr message is not displayed as well. I tried adding it by gdpr compliance plugin but although it is there it is not displayed.

Please, contact administrator
for this information.

#196705 Copied Theme version: latest WooCommerce version: latest

26 Answers
Rose Tyler

Support staff

July 16, 2018 at 10:53
Hello,

1. You may add this code in Global Custom css:

.wpml-ls-sidebars-footer-flags li { width: auto; } .wpml-ls-sidebars-footer-flags li a { margin-right: 15px; } .wpml-ls-sidebars-footer-flags { padding-left: 0px; }

2. Please provide some screenhots for better understanding.
3. By default, this message http://prntscr.com/k6z5br shows on post page for not authorized users, but on your site users must be logged in to post a comment.
Please describe in more details what exactly doesn’t work correctly.

Regards
#196706 Copied
dunies

Participant

July 16, 2018 at 11:52

Thank you very much for the 1. it worked perfectly!

For the 2. I’m attaching shots in the private area.

For the 3. I enabled posting for all users and enabled the gdpr compliance for you to test. If you try to post you will see that you can’t because you have to accept the policy but it is not shown at all.

Please, contact administrator
for this information.

#196714 Copied

Rose Tyler

Support staff

July 16, 2018 at 12:28

1. You’re welcome!
2. Try to sent background color for the button – https://prnt.sc/k70e86
3. Do you have this problem if additional plugins for gdpr activated? If the problem comes from such plugin, it would be better to contact author of the plugin.

Regards

#196716 Copied

dunies

Participant

July 16, 2018 at 13:38

About 2. there is a bg but has 0 opacity. There is no problem on FF. Only in chrome.

About 3. there is a wp default gdpr but even that is not shown. That is why I had it deactivated and for logged in only.

#196736 Copied

Olga Barlow

Participant

July 16, 2018 at 17:18

Hello,

2) Looks that this is Revolution Slider bug. We can see button bg in Chrome but it disappears in FF once you hover and it happens even with the default theme http://prntscr.com/k74fvg
We don’t have the solution for this. We have added the custom class for the button “button-bg” and added custom CSS to add the bg and then it works. If you want to make it work without it you need to contact plugin author and ask to fix the issue, we can do nothing with plugin bug.

3) I don’t see any checkbox even when the default WP theme is activated. I think you need to contact plugin author to make sure that it works for the comment section if the user is already logged in.

Regards

#196771 Copied

dunies

Participant

October 5, 2018 at 00:07

Hello, after the theme update, some css doesn’t display as we want.

1. https://www.8theme.com/topic/css-issues-2/#post-196706
the code you have given in the above thrad doesn’t work any more.

2. The look book also shows the titles are shown the one below the other and the arrows are not as nice as they used to be. Please check here https://www.erosandpsyche.eu/bridal-by-xrisa-vrekousi/

I want them to be like the old lookbook https://www.hausmusik.gr/look-book/

3. Is there a possibility to have the next and previous product in the old display with arrows?

Thank you very much in advance!

#200532 Copied
Rose Tyler

Support staff

October 5, 2018 at 12:27
Hello,

1. Please change this code http://prntscr.com/l2gpg3 to:

.wpml-ls-sidebars-footer-flags li { width: auto !important; } .wpml-ls-sidebars-footer-flags li a { margin-right: 15px } .wpml-ls-sidebars-footer-flags { padding-left: 0 }

2. Please delete this code http://prntscr.com/l2guzu from Global custom css
Add this code in Custom css for page:

.et-products-navigation > div { min-width: 40%; display: inline-block; } .et-products-navigation { display: inline-block; }

3. Please provide page URL, we will check and let you know.

Regards
#200572 Copied
dunies

Participant

October 5, 2018 at 12:34

All the above worked as desired! Thank you soooo much!

I’m sending you the details in private content

Please, contact administrator
for this information.

#200573 Copied

Rose Tyler

Support staff

October 5, 2018 at 13:03

You’re welcome!
Do you want to change these http://prntscr.com/l2intz on the single product page to the old style http://prntscr.com/l2ip8f or something else?
Unfortunately, there is no such possibility for single product page.

Regards

#200576 Copied

dunies

Participant

October 27, 2018 at 16:28

Hello,

I have the same issue with footer flags on the site I paste on private area but the above code doesn’t work. Please help!

Please, contact administrator
for this information.

#201832 Copied Theme version: latest WooCommerce version: latest

dunies

Participant

October 28, 2018 at 10:20

the flags are on a widget and the widget included in a static block

#201842 Copied

Rose Tyler

Support staff

October 29, 2018 at 09:33

Hello,

Sorry for the delay due to the weekends.
Please provide temporary wp-admin access and describe the desired result in more details.

Regards

#201873 Copied

dunies

Participant

October 29, 2018 at 10:31

I just need to show flags horizontally as I have set them in wpml

https://www.dropbox.com/s/8drjyi159eyme0c/shot-flags.JPG?dl=0

Please, contact administrator
for this information.

#201881 Copied
Rose Tyler

Support staff

October 29, 2018 at 13:41
.footer-widgets .footer-widget ul li.wpml-ls-slot-language { display: inline-block; width: auto; } .footer-widgets .footer-widget ul li.wpml-ls-slot-language a { margin-right: 15px; }

Regards
#201895 Copied
dunies

Participant

October 30, 2018 at 17:32

This worked! Thank you!

#202012 Copied

Rose Tyler

Support staff

October 31, 2018 at 08:10

You’re welcome!

Regards

#202029 Copied

dunies

Participant

October 31, 2018 at 19:51

Hello,

I have one more issue,

The .payment_methods label img displays fine on my version of FF but on chrome image is tiny. Same on mobiles where it is also tiny.

I tried to edit the css below but nothing happens what ever i did.

.payment_methods label img {
width: auto;
margin: 0 6px;
position: relative;
top: -4px;
max-width: auto !important;
max-width: -moz-max-content;
max-height: 35px !important;
display: inline-block;
}

Please help because we cannot get acceptance from the bank.

I’m sending you shots in private area.

Please, contact administrator
for this information.

#202090 Copied
Rose Tyler

Support staff

November 1, 2018 at 08:22
Hello,

Please try to add this code in Global custom css:

.payment_methods label img { max-width: unset; } @media only screen and (max-width: 1250px){ .payment_methods label img { max-width: 380px; } }

Regards
#202107 Copied
dunies

Participant

November 1, 2018 at 08:33

Hello, I’m sorry to tell you that this code doesn’t work. Image is still tiny 🙁

#202113 Copied

Rose Tyler

Support staff

November 1, 2018 at 08:43

Hello,

Please clear cache and check one more time.

Regards

#202116 Copied

dunies

Participant

November 1, 2018 at 10:10

Hello and Thank you for your help.

It looks ok in Chrome now but still tiny on mobile.

#202131 Copied

Rose Tyler

Support staff

November 1, 2018 at 10:13

Hello,

You’re welcome!
Have you clear browser cache on mobile?

Regards

#202133 Copied

dunies

Participant

November 1, 2018 at 11:49

You have been right! Now looks fine and thank you very much!

While testing on mobile I found 2 other things.

1. The search icon overlaps cart icon

2. The hover bottom is not displayed on mobile.

I’m attaching screenshots for you to check.

Please, contact administrator
for this information.

#202135 Copied
Rose Tyler

Support staff

November 1, 2018 at 12:07
1. Add this code in Theme Options > Custom css > Custom css for mobile:

.header-search .search-btn { position: absolute !important; right: 105px; top: 47%; transform: translateY(-50%); } .header-right-wrap { display: inline-block; }

2. Theme Options > Shop > Products style > Product content elements > http://prntscr.com/ld2g99

Regards
#202136 Copied
dunies

Participant

November 1, 2018 at 13:45

Thank you Rose! You have been great!

I solved all my css problems. 🙂

#202149 Copied

Rose Tyler

Support staff

November 1, 2018 at 13:47

You’re welcome!

Regards

#202150 Copied
Viewing 27 results - 1 through 27 (of 27 total)