• 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

Background color

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 34 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.
  • Y Offline
    Y Offline
    yu_____go
    wrote on last edited by
    #1

    Hello,

    I'm wondering if anyone could help me accomplish what I'm trying to do.

    I'd like to create something like the image I attach. The row background color doesn't work because I'd like to keep the sides in white. Tried stack element but that didn't do the trick either because I need to keep the background color of the text area the same height as the image.

    I'd appreciate very much if someone could give me a suggestion please!

    Thank you.

    スクリーンショット 2020-03-04 13.30.14.png

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

    Dear @yu_____go
    you could try to add a background colour with CSS to each textbox and give it the same height with CSS like the image.

    Best!

    Marius

    www.mariusjopen.world

    Y 1 Reply Last reply
    0
  • Y Offline
    Y Offline
    yu_____go
    replied to mariusjopen on last edited by
    #3

    @mariusjopen Thank you Marius! Would you be kind please to explain how exactly I can do that..?

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

    Dear @yu_____go
    you need to place a textbox on the left and an image on the right.
    The textbox you can give a class called textbox and the image a class called imagebox.

    Then you can add in CUSTOM CSS:

    .imagebox {
        height: 30vh;
        overflow: hidden;
    }
    
    .textbox {
        height: 30vh;
        background: red;
    }
    

    This is just a rough sketch but can give you the idea.

    Best!

    Marius

    www.mariusjopen.world

    1 Reply Last reply
    0
  • Y Offline
    Y Offline
    yu_____go
    wrote on last edited by
    #5

    Sorry @mariusjopen I somehow didn't get a notification and just noticed your reply. Thank you very much for your help I'll give it a try with that!

    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
5 J
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.