Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
admin:online-platform-cms:promotions [2021/02/18 16:23] – justas-dambrauskas | admin:online-platform-cms:promotions [Unknown date] (current) – external edit (Unknown date) 127.0.0.1 | ||
---|---|---|---|
Line 36: | Line 36: | ||
.cms-holder .img_area { | .cms-holder .img_area { | ||
height: 50%; | height: 50%; | ||
+ | overflow: hidden; | ||
} | } | ||
Line 41: | Line 42: | ||
object-fit: cover; | object-fit: cover; | ||
width: 100%; | width: 100%; | ||
- | height: 215px; | ||
border-top-left-radius: | border-top-left-radius: | ||
border-top-right-radius: | border-top-right-radius: | ||
Line 78: | Line 78: | ||
color: var(--main-primary-text); | color: var(--main-primary-text); | ||
border: 0px none; | border: 0px none; | ||
+ | display: inline-flex; | ||
+ | align-items: | ||
} | } | ||
.cms-holder .button: | .cms-holder .button: | ||
background: var(--main-primary); | background: var(--main-primary); | ||
+ | color: var(--main-primary-text); | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
+ | } | ||
+ | @media screen and (max-width: 440px) { | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
} | } | ||
</ | </ | ||
Line 131: | Line 148: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | More Info |
- | More Info | + | |
- | </ | + | |
</a> | </a> | ||
</ | </ | ||
Line 147: | Line 162: | ||
Change promotion sub-title (note: In this example, a promotion sub-title is " | Change promotion sub-title (note: In this example, a promotion sub-title is " | ||
- | Change link to full promotion description. To change it you need to edit the link in this part of code **<a href=" | + | Change link to full promotion description. To change it you need to edit the link in this part of code **<a href=" |
---- | ---- | ||
=== 6. Create more promotion cards === | === 6. Create more promotion cards === | ||
Line 190: | Line 205: | ||
.cms-holder .img_area { | .cms-holder .img_area { | ||
height: 50%; | height: 50%; | ||
+ | overflow: hidden; | ||
} | } | ||
Line 195: | Line 211: | ||
object-fit: cover; | object-fit: cover; | ||
width: 100%; | width: 100%; | ||
- | height: 215px; | ||
border-top-left-radius: | border-top-left-radius: | ||
border-top-right-radius: | border-top-right-radius: | ||
Line 232: | Line 247: | ||
color: var(--main-primary-text); | color: var(--main-primary-text); | ||
border: 0px none; | border: 0px none; | ||
+ | display: inline-flex; | ||
+ | align-items: | ||
} | } | ||
Line 238: | Line 255: | ||
cursor: pointer; | cursor: pointer; | ||
filter: brightness(85%); | filter: brightness(85%); | ||
+ | color: var(--main-primary-text); | ||
+ | } | ||
+ | @media screen and (max-width: 440px) { | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
+ | | ||
+ | | ||
+ | } | ||
} | } | ||
</ | </ | ||
Line 262: | Line 294: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | |
- | | + | |
- | </ | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 282: | Line 310: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href="/app/en/single-promotion"> | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 302: | Line 326: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 329: | Line 349: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 349: | Line 365: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 369: | Line 381: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 389: | Line 397: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 409: | Line 413: | ||
</ | </ | ||
<div class=" | <div class=" | ||
- | <a href=" | + | <a href=" |
- | <button type=" | + | </ |
- | | + | |
- | </ | + | |
- | | + | |
- | | + | |
</ | </ | ||
</ | </ | ||
Line 421: | Line 421: | ||
=== Result === | === Result === | ||
+ | ---- | ||
{{ : | {{ : | ||
---- | ---- | ||
**✔ Always use HTML view option in the page editor window while doing all steps.** | **✔ Always use HTML view option in the page editor window while doing all steps.** | ||
---- | ---- |