Return to previous page

Bad layout Mondial relay plugin with Xstore theme

This topic has 2 replies, 2 voices, and was last updated 8 years, 4 months ago ago by 8theme

VincentVerhaaff

Participant

August 24, 2016 at 11:00

Hi

I have à problem with the layout of the mondial relay plugin in the Xstore theme:
This is what the plug in looks like in the standard storefront theme: http://prntscr.com/c9q8gm
This is what it looks like in Xstore: http://prnt.sc/c9qccg
There are 3 issues:
1-the map doesn’t show; after I right-click and click inspect, the maps shows up…
2-the 2 entry fields for city and zip code are in the wrong position
3- the text in the fields is white so not visible

The plugin has a field where we can put css code to overide the css of the page (see support doc: http://docs.mondialrelay-woocommerce.com/style/ unfortunately in french only)
The CSS they propose is following:
.MR-Widget .MRW-Search {
background: url(./wp-content/plugins/woocommerce-mondialrelay/css/imgs/mr-64.png) no-repeat 50% 10%!important;
}

.MR-Widget .MRW-Line {
margin-top: 60px!important;
}

.MR-Widget .MRW-BtGo, .MR-Widget .MRW-BtGeoGo {
color: #999;
}

This code has the following effect: http://prntscr.com/c9qpzh so still not as it should be.

Can you please advise?
Many thanks in advance.
Best regards,
Vincent Verhaaff

#137628 Copied Theme version: Xstore 1.7 WooCommerce version: 2.6.4

1 Answer
8theme

Support staff

August 24, 2016 at 14:06
Hello,

Thank you for using our theme.

Try to add the following custom css code also to fix some issues. For more detailed help you should contact plugins developers.
```
.MR-Widget .MRW-BtGo, .MR-Widget .MRW-BtGeoGo {
    padding: 10px;
}
.MR-Widget input {
    color: #090908!important;
    display: inline-block!important;
}
```
Regards
Serg
#137654 Copied
Tagged: layout, mondial relay, plugin, woocommerce, wordpress, xstore
Viewing 2 results - 1 through 2 (of 2 total)