• Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

Can a background colour be applied to multiple rows and the row gutter inbetween them?

Scheduled Pinned Locked Moved General Discussion
9 Posts 3 Posters 105 Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • J Offline
    J Offline
    J KMB
    wrote on last edited by
    #1

    Hi guys,

    Thanks so much for the theme. Its great and easy to use.

    I was wondering if it is possible to add a back ground colour to multiple rows and the row gutter between them?

    For example here:

    Screen Shot 2020-02-19 at 20.12.12.png

    I want to apply a background colour to that entire 'prices' section.

    I'm aware I can set background colour of the individual rows, but not the spaces between them. I can also use custom classes and CSS colour the rows, but the space between the rows would still be the background colour of the page back ground.

    I want this section to have a big box of colour around it to separate it from the normal page background colour.

    Thank you for your time,

    Jack

    1 Reply Last reply
    0
  • J Offline
    J Offline
    J KMB
    wrote on last edited by
    #2

    P.S.

    I have tried the stack element but this table requires multiple elements to be on the same row and attached to columns for responsive-ness reasons.

    It is also hard to make the table neat enough when using the stack element (as I know it is not intended for this purpose).

    Thanks again

    1 Reply Last reply
    0
  • J Offline
    J Offline
    J KMB
    wrote on last edited by
    #3

    A good example of what I mean would be this website: https://anime-architecture.org/

    1 Reply Last reply
    0
  • mariusjopenM Offline
    mariusjopenM Offline
    mariusjopen Global Moderator
    wrote on last edited by
    #4

    Dear @J-KMB
    can you send a link to the page where you want to adjust the background colours?

    Best!

    Marius

    www.mariusjopen.world

    1 Reply Last reply
    0
  • J Offline
    J Offline
    J KMB
    wrote on last edited by
    #5

    Hi Marius.

    A link to the (incomplete) site is here :http://box5394.temp.domains/~pollard4

    and this image is roughly how I'm trying to get the prices section to look, as described above

    Screen Shot 2020-03-01 at 18.24.28.png

    Thanks,
    Jack

    1 Reply Last reply
    0
  • A Offline
    A Offline
    Anders
    wrote on last edited by
    #6

    I don't think you can have spaces between the rows because those spaces will be white.
    But there's a work-around.

    Here's a way:

    1. right click on each of the rows that should have a background colour and apply the colour you want.
    2. right click the dividing lines and give them a space above and below of maybe 1-2%.
    3. right click the text field where it says "PRICES" and give this a space below and above. Here maybe 3%.
    4. right click the text field on the bottom row and give this a space below of 3% as well.
    5. adjust the space between the rows to 0%
    6. update page.

    Bonus: to get the two squares on the first row to align with "PRICES" just select them and click align to middle in the toolbar or give them the same space above and below.

    That should work. :)

    1 Reply Last reply
    0
  • mariusjopenM Offline
    mariusjopenM Offline
    mariusjopen Global Moderator
    wrote on last edited by
    #7

    Dear @Anders
    great reply!
    Thank you!

    Marius

    www.mariusjopen.world

    1 Reply Last reply
    0
  • J Offline
    J Offline
    J KMB
    wrote on last edited by
    #8

    @Anders @mariusjopen Wow! That worked absolutely perfectly. I wasn't aware of space above and below values! This has worked perfectly. Thank you both so much for your time

    1 Reply Last reply
    0
  • mariusjopenM Offline
    mariusjopenM Offline
    mariusjopen Global Moderator
    wrote on last edited by
    #9

    Sweet!
    Thank you for letting us know!

    www.mariusjopen.world

    1 Reply Last reply
    0

Before you post:

Use the Search Feature. Maybe there is already a solution to your issue.

1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.

Now see if your problem solved itself.

Go here, see if your problem is listed here:
Troubleshooting

When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it

Thanks!
Post a link to where the problem is if possible, please <3
I don't answer or check forum DMs, please just post on the forum.
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
Online Users
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.