Backgrounds colour in content blocks

Posted by Community Admin on 05-Aug-2018 07:41

Backgrounds colour in content blocks

All Replies

Posted by Community Admin on 30-Sep-2011 00:00

Hi,

This might be a simple fix, but I wondering if there is a simple way to change the background colour of individual content blocks.

There are some content blocks on certain pages of my site i'd like to add grey shading to the background of.

The only thing that comes close in the editor of the content block is the button which says background colour, but in effect all it does is highlight the text, rather than applying the colour to the whole content block.

Thanks for any insight or help.

Ashley

Posted by Community Admin on 30-Sep-2011 00:00

Hi Ashley,

Thank you for your question.

The best approach is to use the css class of the content block, you'd like to apply background color to. You can find it in Advanced options in the editing panel of your content block. The name of the class by default is sfContentBlock, but you are allowed to modify it. After you have the css class, simply  include this sample to a css widget on your page:

.sfContentBlock
     background-color#6D7B8D;

If you have several content blocks on your page, make sure to give them different class names and add similar code for each of them in your css widget.

Let me know if you have any additional questions.

Regards,
Zheyna Peleva
the Telerik team
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Posted by Community Admin on 14-Oct-2013 00:00

Hi there.

I have been having the same problem and have tried the advice which was given.
I want to change  the background colour of the content block.

I have gone into advanced options in css class the following comes up:-
tile-content box_grey square-tile
 
The background of the content box is grey and I am trying to change the background colour.  I have typed in a different colour but it does not allow me to.

Could you help me with this please.

Kind regards

Sonia

Posted by Community Admin on 14-Oct-2013 00:00

Hi Sonia,

The classes "-tile-content box_grey square-tile", which are entered in the CssClass property of the content block you want to change, are probably created by the front-end developers of your website and they add css to the content block. Since I can't tell exactly which class does what, I assume from the name that box_grey is responsible for the grey background of your content block. You can try to remove it and add your own custom class. Then use the custom class to declare different background color. For example if your custom class is Red_Block you can drop a css widget on the page and declare the following in it:

.Red_Block
background-color:red;
This should set a red background to the content block. For more information about css classes please refer to the W3C documentation:

www.w3schools.com/.../css_id_class.asp

Regards,
Jen Peleva
Telerik
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Posted by Community Admin on 17-Oct-2013 00:00

Hi Jen,

Thanks for getting back to me.

I have tried to delete it and add another colour this doesn't seem to work.

Can you please give me step to step guide with a screen shot please.  This is becoming very time consuming for me and causing long delays in creating pages to my site.

Also can you please explain how to creat a tile widget.

This is not found on the contents tab.  It should be as it gets used alot in my website, please can you send me screen shots of how this is done.

This will save a lot of my time.

Thanks,

Kind regards

Sonia

Posted by Community Admin on 18-Oct-2013 00:00

Hi Sonia,

 As my colleague Jen explained, the class you have set for your content blocks is custom made and we cannot attempt to modify what we do not see or what we do not know how its made. In this video I have recorded my steps in modifying a single block of content.

As far as the tile widget - you need to specify your criteria for it. I would recommend to open a support ticket where we can help you solve the problem faster.

Regards,
Ivan D. Dimitrov
Telerik
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

Posted by Community Admin on 14-Apr-2015 00:00

I am using Sitefinity 8.0, created a template from scratch dropped an image and content block on the template.  No theme is selected.  Opened the advanced edit on both widgets, changed the background color to #8F0000.

There are no color changes.  This is Sitefinity 8.0, no other pages.  Just a basic setup.

 Thanks

Posted by Community Admin on 17-Apr-2015 00:00

Hi Jack,

Unfortunately I was not able to reproduce that problem in a Sitefinity 8.0 project. Can you please provide a short video showing the steps you followed and the problem itself?

Best Regards,
Junior Dominguez
Telerik

 
Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
 

Posted by Community Admin on 19-Oct-2016 00:00

I am trying to do the same thing in 9.1, and I cannot get my background color to change. 

This thread is closed