Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

leighb

Member
  • Posts

    8
  • Joined

  • Last visited

  1. Thank you to @tuanphan who provided an alternate solution with this CSS: // Fix tablet posters home page// @media screen and (max-width:991px) and (min-width:768px) { div#page-section-60368a623300c10aef1d184e .image-inset { padding-bottom: 200% !important; } }
  2. Thank you @tuanphan! That did the trick. Very much appreciated. 🙂
  3. Hi @bangank36, thanks for your reply. I'm not sure I understand what you mean by col-9 and col-3. I used 4 separate poster images placed side by side in 1 row (4 columns). Each image is a link to a specific page (different ways for clients to work with me). I attached a couple screenshots in my post. The first attachment shows how it appears on a computer (looks good, all the text fits in the images). The second attachment shows how it appears on a tablet (not good, text is cut off and doesn't fit in the images). I was hoping that in tablet view the images could be in 2 rows each with 2 images in each row (2 rows with 2 columns). Is there CSS that can help with this? Thanks again, I appreciate the support and any knowledge you have to share. Leigh
  4. Site URL: https://www.ancientcedarsreiki.ca/ Hi Everyone, The very helpful @tuanphan showed me that the 4 poster images on both my homepage and about page look fine on a computer or mobile screen, but on a tablet the text gets cut off (screenshots attached). I've done a ton of searching on the forum and haven't been able to find any CSS that works for me. I want the 4 images/row to adjust to 2 images/row in tablet view. Is there anyone who can help me? Thank you so much!
  5. Hi @tuanphan thank you for pointing this out - do you have CSS to fix this image/text issue? As you mentioned there is a problem in tablet view. Thanks for your help.
  6. Oh whoa! No it doesn't look good there. Yes, if there's some code for that - thank you for your help and keen eye @tuanphan! I didn't realize it looks different on a tablet vs. mobile.
  7. Thank you - I'm on the right track now. Much appreciated. This is what I ended up with: //HEADER BUTTON// header#header a.btn { background: transparent; border: 2px solid #001510; color: #001510; font-size: 14px; }
  8. I also want to make just the header navigation button to and "outline" style without changing the rest of the buttons. It would be nice to know the option for the pill-shaped outline style in case I like the look of that better. Thank you for your help! Here is my website: https://www.ancientcedarsreiki.ca/
×
×
  • Create New...