Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

teaser styles is not coming fine after adding less file.

Avatar

Avatar
Validate 10
Level 2
sunitac70336244
Level 2

Likes

7 likes

Total Posts

65 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 2
sunitac70336244
Level 2

Likes

7 likes

Total Posts

65 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile
sunitac70336244
Level 2

24-12-2018

Dear All,

One of my requirement for adding the styles to the teaser is as below. The teaser background color should be blue , as shown in below figure.

1653572_pastedImage_0.png

For this I have created the hometeaser.less file with the below contents.

/* MCK teaser home */

.cmp-teaser--home {   

.cmp-teaser{

        .cmp-teaser__title {

       background-color: #054C70;

        }

        .cmp-teaser__description {

            font-family: @font-family-serif;

        }

    }

}

I have added this hometeaser.less file to my teaser.less file , as shown below

1653573_pastedImage_19.png

Then I have added the policy and style in my editable template , as shown below.

1653574_pastedImage_20.png

But After that also , background color is not coming , as shown below. Can you please help me on this.

1653582_pastedImage_23.png

View Entire Topic

Avatar

Avatar
Validate 10
Level 2
sunitac70336244
Level 2

Likes

7 likes

Total Posts

65 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 2
sunitac70336244
Level 2

Likes

7 likes

Total Posts

65 posts

Correct Reply

1 solution
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile
sunitac70336244
Level 2

26-12-2018

After I put background: color_code_in_HEX; after.cmp-teaser , it is coming fine. .cmp-teaser{     background: color_code_in_HEX;