Table even/odd doesn't work - Forum | JoomShaper
Solved SP Page Builder

Table even/odd doesn't work

Asked by clausjepsen 4 months ago Last activity 3 months ago

I have put a table into an Accordion.
The table defaults uneven rows to be blue and even to be white (see: sp_table0.jpg)
If I alter the even/uneven (e.g. set to FFFFFF) nothing changes. Same if I leave them empty.
I can change the individual Column background, but not the text - then I got white text on white background (see: sp_table1.jpg).

Could you please make an option to disable banded colors? Or at least configure the colors in the add-on and not having it hard-coded in CSS (which I suspect it is now).

![](https://egedalweb.dk/EKK/images/support/sp_table0.jpg
![](https://egedalweb.dk/EKK/images/support/sp_table1.jpg

Accepted answer

Marked as the solution
Ziaul Kabir Staff
4 months ago

I apologizes for misunderstanding.

The widthe issues comes from container width mismatch, I have fixed it by adding this custom css:

@media (min-width: 1200px) {
    .view-article .sppb-row-container {
        max-width: 1320px;
        padding: 0;
    }
}

For Table default color change, Check these screenshots:

  1. https://prnt.sc/qQzXiNNoqfxS
  2. https://prnt.sc/MGEsSi6q4ND1
  3. https://prnt.sc/zniXgeA4DfE6
  4. https://prnt.sc/JD18MZK2cPjO

In your last table I see header is disabled, This is now column, You can see this screenshot to change the color: https://prnt.sc/hkRg5qR6R6bT

Thanks

9 more replies

Oldest first Newest first Most helpful
Ziaul Kabir Staff
4 months ago

Hi Claus,

Thanks for reaching out to us.

Could you please share the page URL where this issue is happening? That will help us inspect the table styling and understand why the even/odd colors are not applying or being overridden.

Once we can see the live setup, we’ll be able to check this further and assist you properly.

Thanks.

clausjepsen Asked this
4 months ago

While you are at it, please also help understand this weird accordion behaviour:

When I edit no margins are set - edit in frontend editor looks right. When I save, the live page looks right until at navigate to another page and back. Then a wide margin is inserted left and right.
Where is that defined?

see image

clausjepsen Asked this
4 months ago

Updated credentials - see hidden

Ziaul Kabir Staff
4 months ago

Hi Claus,

I have checked article ID 29 and noticed that the content structure is different. You are using the Text Block addon inside the accordion.

In some cases, when content is copied from another website and pasted into a text block, it can bring hidden inline styles or formatting from the source. These hidden styles may override the template CSS and cause issues like the one you are experiencing.

To diagnose this properly, could you please:

  • Record a short video showing the issue (both in editor and frontend if possible)
  • Upload it to Google Drive
  • Share the link with us

This will help us inspect the behavior more accurately and identify the exact cause.

Thanks.

clausjepsen Asked this
4 months ago · edited

Hi Ziaul

I am not sure you understand me.

To make my point clear I have created a article and inserted Accordion add-on (default values) and saved.
By default the accordian has a 75px left margin. Where is that set and how to remove it?
https://www.egedalweb.dk/EKK/index.php/vores-karate/karate-teknikker/spark
(article id 33)

On the very same page I have also added 2 new rows:

  1. first with default table. Headers are blue and banding set. Where is those colors defined and how to remove them?
  2. second is without headers but the header color is still set - just in first row. That is odd.
    And again, where is banding colors set? Nothing is specified in the addon settings.
clausjepsen Asked this
3 months ago

Thank you very much.

I am a little surprise that such a global setting cannot be configured using GUI, but has to be tweaked in CSS.

clausjepsen Asked this
3 months ago · edited

Hi Ziaul,

I now understand that I can change the blue color to white manually and that I have to do this every time I add a table. But why is the table header/first row not configurable in Settings?

Problem
If I set the background color to white, the text-color is still white (default is white on blue) and thus not readable. Then I have to set text-color in the textbox for each and every cell. If I later insert at new cell in the middle I have to redo everything again due to the even/odd coloring.
How come the section "Table Style" (with background color, Even row background color and Hover background color) doesn't have a "disable even/odd" coloring?
See video.

Please add the default colors to the configuration settings so it is visible and can be altered clearly and please add the option to disable even/odd colors.

https://www.egedalweb.dk/EKK/images/support/sp_table_cell_color.mp4

Ziaul Kabir Staff
3 months ago

Hi Claus,

Thank you very much for the detailed explanation and for taking the time to share your experience so clearly.

I completely understand your concern regarding the table styling behavior, especially the lack of control over header colors, text visibility, and the even/odd row formatting.

I have forwarded your feedback to our development team for further review. Your suggestions regarding:

  • Making table header colors configurable in the settings
  • Separating background and text color controls
  • Adding an option to disable even/odd row styling

We really appreciate you highlighting this in such detail, as it helps us improve the overall usability of the system.

Please feel free to reach out if you notice anything else or need further assistance.

Warm regards.

Log in to reply.