How do I add a background colour to a JCE Column, please?
You need to be logged in to post in the forum - Log In
An active JCE Pro Subscription is required to post in the forum - Buy a Subscription
Support is currently Offline
09:00 - 17:00 Europe/London (BST)
Please create a new Ticket and we will get back to you as soon as we can.
#108997 Column background colour
This is a public ticket
Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by Ryan on Friday, 08 October 2021 09:50 BST
Wednesday, 06 October 2021 11:18 BST
How do I add a background colour to a JCE Column, please?
Wednesday, 06 October 2021 16:49 BST
.column_bg {
background-color: #eee;
}
then in the editor, click in one of the columns, and in the Path at the bottom of the editor, click on column to select that column. Select the column_bg style from the Styles list to apply it to the column.
If you want to apply the background to the whole Columns layout, select columns in the Path and apply the Style as before. Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Thursday, 07 October 2021 10:08 BST
<div class="wf-columns wf-columns-stack-medium wf-columns-layout-auto" data-wf-columns="1">
<div class="wf-column"><span class="column_bg">Re-Tac 150 White polymeric printable PVC film with ReTac® ultra removable adhesive technology is designed for graphics that need to be easily installed, removed and re-positioned. Find out more</span></div>
<div class="wf-column">
<p><img src="https://www.joomlacontenteditor.net/images/homepage-slider-images/Drytac-ReTac-150-250x250.png" alt="Drytac ReTac 150 250x250" width="250" height="250" /></p>
</div>
Thursday, 07 October 2021 10:30 BST
Did you select the column using the Path at the bottom of the editor?
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Thursday, 07 October 2021 11:04 BST
Is this a Cache problem?
.column_bg {
background-color: #eee;
}
Thursday, 07 October 2021 14:45 BST
<div class="wf-columns wf-columns-stack-medium wf-columns-layout-auto" data-wf-columns="1">
<div class="column_bg wf-column">
<p>text here</p>
</div>
<div class="wf-column">
<p> </p>
</div>
</div>
M T's
Thursday, 07 October 2021 19:50 BST
https://www.joomlacontenteditor.net/support/tutorials/editor/create-a-custom-editor-stylesheet
Section "Configure JCE to use the new stylesheet"
Friday, 08 October 2021 09:50 BST
Ryan Demmer
Lead Developer / CEO / CTO
Just because you're not paranoid doesn't mean everybody isn't out to get you.
Please wait
Your post is being submitted…