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 ?
banner header text has for id : banner_header-text
font-size: 5vh;
}
How to change size of feature icons / menu images ?
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 ?
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 ?
homepage header has for id: 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 ?
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?
“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;
}