CSS styling | ww.wp.xz.cn

Resolved remykonings
(@remykonings)

4 years, 2 months ago

Hi Peter.

I’m liking the plugin a lot! I have a few questions regarding the CSS styling.
I understand you use Code Manager for it but I like to use some custom css on the page itself instead of the plugin.

I’m looking to style my table/rows the same as in the picture on the right.
picture: https://ibb.co/bB08P5v
With a border-radius of 5px, border color of #ddd and the padding between each row.

Could you provide me with some assistance for the right css? 🙂 I’m having some trouble overwriting the right css to get there.

Also, how can I hide or change the “bezig..” when loading the page/table?

Dankjewel!

Viewing 2 replies - 1 through 2 (of 2 total)

Plugin Author Passionate Programmer Peter
(@peterschulznl)

4 years, 2 months ago
Hi Remy,

You can use this selector to add space to your publication tables:
```
table.dataTable.wpda-datatable {
    border-spacing: 10px;
    border-collapse: separate;
}
```
The selector for the border-radius might look like this:
table.dataTable.wpda-datatable tr

To remove the “bezig…” hint you can use the dom option. This is explained here:
https://wpdataaccess.com/docs/documentation/data-publisher/advanced-settings/#some-examples
See first example

It’s a lot easier with the extension manager of the premium version. This is explained here:
https://wpdataaccess.com/docs/documentation/data-publisher/premium-extensions/#arrange-publication-elements

Does this help?

Groeten,
Peter
Thread Starter remykonings
(@remykonings)

4 years, 2 months ago

Thank you, I’ve installed the Code Manager.

Ive added your provided CSS and the result is now this.
So there is more space yes but between all cells.
Can I only get more space between the top/bottom-border of the cells?
I want the right/left borders not to be seperate. So each entry looks like a complete row without middle borders
I’m looking to exactly replicate the style on the right.

Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS styling’ is closed to new replies.

Tags

2 replies
2 participants
Last reply from: remykonings
Last activity: 4 years, 2 months ago
Status: resolved