Remove Padding/whitespace on text column with images when no text - Broadcast theme

Store Design
1

Hi,

I am wanting to link through the image on “text columns with images” and remove all text and buttons, however when doing this there is a large area of white space underneath the images. If anyone could provide some CSS to remove this that would be greatly appreciated.

I have attached a screenshot for reference of the issue and the code for the section area.

2

Hello,

Needs to check your store page, where you want to do this changes. Could you please share store url?

Thank you.

3

Hi,

Store url is https://dev-store-ll.myshopify.com/

password is lafaup

It is the first image section on the homepage.

4

Hello,

I am sharing code for this section.

div#shopify-section-template--15485049864432__163951960258a005af .column__content {
    display: none !important;
    padding: 0 !important;
    background: #fff;
}

Kuljitmvt_0-1639570714124.png
Kuljitmvt_0-1639570714124.png1903×812 214 KB

Thank you.

5

Thank you very much, it has worked well!

All the best

6

Hi kuljit,

I am now wondering if you know a bit of CSS to change the colour of the overlay/background for the “quick add” button, which you can see on collection pages/carousels. For some reason, it has gone transparent and I am struggling to figure out why, it would probably be best to make it darker so any help would be much appreciated. I will attach some screenshots of before and after.

7

Hello,

Just add this code in the same css file where you added the previous code.

.slideup {
    background:#000 !important;
}

Thank you.

3 Likes
8

Thank you! However, if I use a dark colour the font is not clear, could you provide some css for the font colour by any chance?

2 Likes
9

Use this style for font color.

.slideup span {
    font-weight: bold !imporatant;
    font-size: 14px !imporatant;
    color: #fff !imporatant;
}

Thank you.