Match Journal Theme CSS
Budget: €8 – €30 EUR
I’m running OpenCart 3.0.3.6 with the Journal theme. An extension I recently added shows an extra related-products module; it functions perfectly, but its appearance clashes with Journal’s own “Related Products” carousel.
I want the new module to blend in as though it were native to Journal. That means mirroring the theme’s:
• font choices and sizes
• button styling (hover states, colour, radius)
• overall product tile layout, including image ratios, spacing, and price placement
You can inspect any standard Journal related-products block for reference and copy those rules over—preferably through a clean override or custom stylesheet so everything survives future theme or core updates. Once finished, the extra module should be visually indistinguishable from Journal’s default on product, category, and home pages.
Please test in all Journal layouts (desktop, tablet, mobile) before handing back the modified CSS file(s) and a brief note on where they were applied so I can maintain them later.
I want the new module to blend in as though it were native to Journal. That means mirroring the theme’s:
• font choices and sizes
• button styling (hover states, colour, radius)
• overall product tile layout, including image ratios, spacing, and price placement
You can inspect any standard Journal related-products block for reference and copy those rules over—preferably through a clean override or custom stylesheet so everything survives future theme or core updates. Once finished, the extra module should be visually indistinguishable from Journal’s default on product, category, and home pages.
Please test in all Journal layouts (desktop, tablet, mobile) before handing back the modified CSS file(s) and a brief note on where they were applied so I can maintain them later.