XF 2.0 How to change background color and text color of notices?

[coolbreeze86]

I checked in style properties but i cannot find notices. please help.

thank you

 

[Taz362]

Here's the other style extra.less

I haven't changed it yet.

Is there a missing bracket below the one on line 20 in this one?

 

[Taz362]

Here's the other style extra.less

I haven't changed it yet.

Is there a missing bracket below the one on line 20 in this one?

 

[Paul B]

No, there is no missing } bracket - all of the entries are correct.

I can only assume there's an issue with one of the templates being included.

 

[JoyFreak]

Here's the other style extra.less

I haven't changed it yet.

Is there a missing bracket below the one on line 20 in this one?

That’s the first time I’ve seen a template included like that.
I thought its
<xf:include template="extra_template.less" />
Or are both ok to use?

 

[Taz362]

No, there is no missing } bracket - all of the entries are correct.

I can only assume there's an issue with one of the templates being included.

I'll add the custom colors to the other style and see if that works. Let you know

 

[Taz362]

You were right. I added a Red and a Blue custom background to both styles and it works!

Now another problem came up. The text for the Blue background is black

 

[Paul B]

Edit the CSS to change the text colour.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

[Taz362]

I see instructions you linked me to but I'm not sure how to add the text color for this notice. Where do I add what in this code?

.nvNoticeRed
{
background-color: Red;
}
.nvNoticeBlue
{
background-color: Blue;
}

 

[Taz362]

One other thing ... is there a way to make the text bold?

 

[Paul B]

.nvNoticeRed
{
    background-color: red;
    color: white;
    font-weight: bold;
}

I suggest reading up on that link I posted.

Knowing basic CSS will help going forward.

 

[Taz362]

I agree and bookmarked that source. I will read it and hopefully absorb a lot of it. The thing is my limited knowledge and experience hampers my ability to apply what I've read. But I intend to read and learn. It will take time but I will gain some level of familiarity with it and I know that will help.

Again, many thanks for your help, Brogan. You're a great guy.

 

[Taz362]

Wow, I just finished using that template and everything looks awesome! I've got this now. Thanks to you.