Table customization…

Bullet points in a list? So nothing to do with a table?
WP standard tinyMCE doesn’t offer it. Look for a plugin, if any ??
Sorry but not a theme issue ??
If you want to do it with css -> https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image

About the background colors of the table rows. Is a default bootstrap behavior (alternate rows background) .. so you change their background in the backend but the change is reverted in the frontend?
Do you have an example page for this that I can see?

Bullet points in a list? So nothing to do with a table?
WP standard tinyMCE doesn’t offer it. Look for a plugin, if any ??
Sorry but not a theme issue ??

I thought it was the same… bullet points in a list…. sorry.

Do you have an example page for this that I can see?

I change colors in a table at the backend and it is not changed by the frontend…
Here is a foto from the backend.

the page:
https://proexample.h4-business-support.com/nl/1258-2/

Is this kind of page better / easier with columns?

Yes, I definitively think would be better to make a columns layout.
Here you can find a good tutorial:
https://themesandco.com/snippet/creating-a-column-layout-in-customizr/

But did I do anything wrong with the table?

again :-))))))

Don’t think so ??

Thanks! happy to hear that.

Now struggling to make my page with columns…

something like this…

2 colums (1/3 + 2/3)
3 colums ( 4 + 4 + 4)
3 colums ( 4 + 4 + 4)
then 1 blanco line

this 5 times in total …

Oh yes and also a border/ padding line just to be sure information can be good seen.

do i need to have a div for each row?

<!-- 1 block -->
<div class="row-fluid">
<div class="span4">
FOTO...</div>
<div class="span8">
TITEL...</div>
</div>
<div class="row-fluid">
<div class="span4">Inhoud</div>
<div class="span4">Interactie</div>
<div class="span4">Instrumentarium/div>
</div>
<div class="row-fluid">
<div class="span4">
TEXT 1</div>
<div class="span4">
text 2</div>
<TEXT class="span4">
TEXT 3/div>
</div>
<div class="row-fluid">
<div class="span2">...</div>
<div class="span8">...</div>
<div class="span2">...</div>
</div>

<!-- 2 block -->
<div class="row-fluid">
<div class="span4">
FOTO...</div>
<div class="span8">
TITEL...</div>
</div>
<div class="row-fluid">
<div class="span4">Inhoud</div>
<div class="span4">Interactie</div>
<div class="span4">Instrumentarium/div>
</div>
<div class="row-fluid">
<div class="span4">
TEXT 1</div>
<div class="span4">
text 2</div>
<div class="span4">
TEXT 3/div>
</div>
<div class="row-fluid">
<div class="span2">...</div>
<div class="span8">...</div>
<div class="span2">...</div>
</div>

Is this code correct ?

I intend to make 5 blocks in total….

Not really,
’cause you have headings…
and when you shrink the page(width<769px) you’ll have
Inhoud
Interactie
Instrumentarium
TEXT1
TEXT2
TEXT3

You have to do something like:

<!-- 1 block -->
<div class="row-fluid"> <!--outside -->
  <div class="span4"> <!--1 column -->
    <div class="row-fluid">
      <h3> Inhound </h3>
      <p> TEXT 1 </p>
    </div>
  </div>
  <div class="span4"> <!--2 column -->
    <div class="row-fluid">
      <h3> Interactie </h3>
      <p> TEXT 2 </p>
    </div>
  </div>
<!-- and so on -->
</div>
<!-- and so on -->

(I have to take some rest so..) Goodnight ??

Oh Thanks a lot!!

Have a good night.

My night will be long… ??

I have tried and really donot know what is happening.

If you have a chance to have a look. Thanks again ??

When I “collapse” my screen it works perfect.
But with full screen it shows the third column as another line.
I did have tried to fix it myself (you are my angel the last days – m thanks). I have done some homework but could not figure out what needs to be changed.
They are all 3 columns span4 so it should be good (3×4=12)

I have tried the code you gave me with no content, only your code and still the same issue.
If you want to have a look to the page with only your codes.

Now I have to get some rest too… ??

Well it’s not your fault ??
Basically what happens is that wp, by default, puts some <p> tags when you write the code that way.
So it does: `<div class=”row-fluid”><!–outside –><p></p>
<div class=”span4″><!–1 column –><p></p>`
this means that the first span4 is not the first child of the row-fluid (that p is the first child), and then it has a margin-left other than 0. So you see the third span4 on a new line.
You have to ways to solve this, write everything (everything inside a row-fluid) in one line (without going on a new line) or remove the wpautop.

Hope this helps.

You have to ways to solve this, write everything (everything inside a row-fluid) in one line (without going on a new line)

sorry! I donot understand….

I went to the wpautop link…
If I copy this to the child theme functions.php it will be solved (and I donot need to understand the above …)

`remove_filter( ‘the_content’, ‘wpautop’ );
remove_filter( ‘the_excerpt’, ‘wpautop’ );

many thanks!

I went to look at the code you gave me and donot see the “p” codes .
are they hidden?

I have copied and pasted but it looks like a little bit different. Is this what you mean?

https://pastebin.com/6UKsyQSY

Yes if you remove the wpautop filter it will be solved, and you don’t need to understand the above… ??
Just remember that removing it, if you want a new p, you have to write it in html.
About your last reply, just inspect your page, or just look at its source (the frontend page), and you’ll see those <p>..