Topic summary
Goal: Remove/clear the featured product series image on desktop in a third‑party Shopify theme.
Proposed fix: Add a CSS rule to hide the featured collection section using display: none !important.
Steps:
- Open the theme’s CSS file (base.css or theme.css).
- Append a selector targeting the featured collection section and set display: none !important.
- Save changes.
Outcome: The featured collection image/section on desktop is hidden, as shown in the provided result screenshot.
Notes:
- Images included show where to find and edit the CSS and the final visual outcome; they are central to understanding the steps.
- CSS (Cascading Style Sheets) controls the site’s appearance; display: none completely removes an element from the layout.
Status: A concrete, actionable solution has been provided; confirmation from the original requester is not shown, so resolution appears pending but likely resolved if steps are followed.
1 Like
- Here is the solution for you @Jim_65
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.section-template--22845323149613__featured_collection_cxF7Gr-padding {
display: none !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.