How to change the background color from a column?

  • Resolved rahurahu

    (@rahurahu)


    3 years, 5 months ago

    Hi

    I just wanna ask if its passible to:

    1. style the right column, with the prices, like on:
    https://snipboard.io/4LlDEO.jpg (add the white background color only to the prices…)

    2. add to the whole table a margin on the left?

    3. delete the gray, horizontally lines between the rows
    or change the color to green…

    ?

    Thx
    Robert

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    My suggestion here would be to use

    .tablepress-id-1 {
    margin: 0 auto 1em;
    width: auto;
}

.tablepress-id-1 tbody td {
	font-family: Roboto;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	border: none;
	background-color: #8FB723;
}

.tablepress-id-1 .column-2 {
    text-align: right;
}

.tablepress-id-1 .column-2 span {
	color: #8FB723;
	background-color: #ffffff;
	padding: 4px;
}

    as your “Custom CSS” (instead of what you have now).

    In addition, you will need to wrap your prices in an extra HTML <span> tag in the cells, like

    <span>36 z?/h</span>

    Regards,
    Tobias

    Thread Starter rahurahu

    (@rahurahu)

    Hi

    thx for the fast help!

    I addes Your CSS and tne SPAN into the cel
    but the green background disappeared ??

    One thing more: its passible to dont show the title “WYNAJ?CIE KORTU” ?

    Thx
    Robert

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    ah, I forgot to mention two more changes:
    Please uncheck the “Alternating row colors” and “Row Highlight” checkboxes on the table’s “Edit” screen.

    To hide the table name, just uncheck the “Table Name” checkbox on the table’s “Edit” screen.

    Regards,
    Tobias

    Thread Starter rahurahu

    (@rahurahu)

    Hi

    yep – it works…

    one thing more ??

    its passible to make the space between the rows a little more
    and make the whole table wider
    like on https://snipboard.io/WSEw95.jpg ?

    Thx
    Robert

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    for that, just change

    width: auto;

    to e.g.

    width: 600px;

    Regards,
    Tobias

    Thread Starter rahurahu

    (@rahurahu)

    Hi

    I made all the changes and in Elementor it looks good:
    https://snipboard.io/oYj1ec.jpg

    but on line is the table very high
    https://snipboard.io/dpGr4l.jpg

    What I did wrong ?

    Kr
    Robert

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    why did you set a bottom padding of 50em? And a height of 200px? That should not be necessary.
    From what I can see, the table is fine. What you are seeing there are the container elements around the table Shortcode, from Elementor.

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change the background color from a column?’ is closed to new replies.