Customizing content on international sites by adding custom CSS from my Merchant account

Glopal builds international versions of your site based on content available on your domestic site. To improve the experience of visitors browsing your international sites, you may want to hide some content which might cause confusion to international shoppers. Frequent examples are promotional offers or services that are only relevant to your domestic buyers. Moreover, you may want to change some fonts or font sizes on your international sites to optimize layout with longer translations or support international specific characters.

You can easily implement such changes by adding custom CSS directly from your Merchant account in the section Localization > Localized sites > Customizations

Please note that you will need development skills to implement those changes. 

If you are not a developer, be careful when applying changes. If you don’t have minimal knowledge of HTML and CSS you may break your international sites’ layout.

Custom CSS examples

1. CSS to hide element

To hide an element in CSS, you can use

• The display:none attribute
• The visibility: hidden attribute

Use your content editor in HTML view mode to identify the selector of the text or the image you would like to hide. In your CSS code, define the style rule to hide the element for a given selector.

selector {
 display: none !important;
}

2. CSS to change font

With a custom CSS, you can apply a specific font, font size or color on selected text appearing on your international sites. 

selector {
  font-size: 80% !important;
}