Hi BSS-TekLabs
Thank you for your help, but can you make the main titles to be above the box not in the box and the subtitle bellow the box in bold as well? Thank you
Topic summary
Goal: Move multicolumn card titles above each box and place subtitles below the box, with subtitles bold and not styled like links.
What was tried:
- Edited theme CSS (base.css/theme.css). Applied custom rules to:
- .multicolumn-list h3.inline-richtext (moved above using position:absolute; top:-30/-37px; color set; later centered with left:37%).
- .multicolumn-card__info .link (placed below using position:absolute; bottom:-89px; made bold).
- Added extra spacing via section margin-bottom.
- Iterations addressed:
- Keeping subtitles from looking like links by hiding the icon (.multicolumn-card__info .icon-wrap { display:none }). The anchor remained a link, but visual cue removed.
- Responsive scope via @media (min-width: 600px).
- First-column misalignment fixed with a specific rule: .multicolumn-list li:first-child .multicolumn-card__info .link { bottom:-30px }.
Current status:
- After the latest code, layout appears broken/misaligned in a screenshot.
- A participant requested the store link to inspect and debug.
- No confirmed resolution yet; further investigation pending.
Note: Multiple screenshots illustrate expected results and the final issue.
1 Like