Customise Ad Layout

You are here:
< Back

 

Use the following codes to customise the Ad Layout. The codes need to be entered in the colour page, under CSS.

 

How to change size of banner header text ?

– By using custom css :
banner header text has for id : banner_header-text

#banner_header-text {
font-size: 5vh;
}

How to change size of feature icons / menu images ?

– By using custom css :
feature image have for classname: menu-icon.menu-icon {
height: 6vh !important;
}
note: either use !important or be more specific using parents container ids to overide default styleIf you want to only change it for one specific feature you can select it by its parent id: menu-item_feature-{x}

replace {x} by number feature in menu – 1

#menu-item_feature-0 .menu-icon {
height: 3vh !important;

How to change size of feature title / menu item ?

– By using custom css :
feature have for classname: menu-text.menu-text {
font-size: 6vh !important;
}note: either use !important or be more specific using parents container ids to overide default styleIf you want to only change it for one specific feature you can select it by its parent id: menu-item_feature-{x}

replace {x} by number feature in menu – 1

#menu-item_feature-0 .menu-text {
font-size: 1vh !important;
}

 

How to change size of homepage header text ?

– By using custom css :
homepage header has for id: homepage_header

#homepage_header {
font-size: 10vh !important;
}

note: either use !important or be more specific using parents container ids to overide default style

 

How to change size of section text ?

– By using custom css :
section text have for classname: section-text.section-text {
font-size: 10vh !important;
}
note: either use !important or be more specific using parents container ids to overide default styleIf you want to only change it for one specific section you can select it by its id: section-text-{x}

replace {x} by the position number – 1 of the section

#section-text-0 {
font-size: 1vh !important;
}

 

How to change text size of button in Ad’s page?

– By using custom css :
“See more” & “Skip button” both have for classname: banner_footer_item.banner_footer_item button {
font-size: 5vh ;
}
If you want to change only “see more” or “skip” button text size you can use thier id: banner_skip and banner_see-more#banner_skip {
font-size: 10vh;
}

#banner_see-more {
font-size: 2vh;
}

Previous

Next