How to add text and button in multi column

[NOT1]

Like this 

[BSSCommerce-HDL · Accepted solution]

Hi @NOT1, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.multicolumn-card__info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffff;
    width: 300px;
}

.multicolumn-card__info a {
    background-color: #ffff;
    padding: 10px;
    font-size: 12px !important;
}

.multicolumn-card__info .icon-wrap {
   display: none;
}

.multicolumn-card__info a {
    background-color: #ffff;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px !important;
}

.multicolumn-card__info h3 {
    color: #ffff !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Hardik2903]

@NOT1  Please provide me with the theme you are using.

[NOT1]

Dawn

[BSSCommerce-HDL]

Hi @NOT1, You can add text like this and button like this

[NOT1]

I wanted like this the button and text in the image 

[BSSCommerce-HDL]

@NOT1, You can edit it like that first. Then I will css it for you 😍

[NOT1]

Done : )

[BSSCommerce-HDL · Accepted solution]

Hi @NOT1, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.multicolumn-card__info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffff;
    width: 300px;
}

.multicolumn-card__info a {
    background-color: #ffff;
    padding: 10px;
    font-size: 12px !important;
}

.multicolumn-card__info .icon-wrap {
   display: none;
}

.multicolumn-card__info a {
    background-color: #ffff;
    padding-top: 12px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px !important;
}

.multicolumn-card__info h3 {
    color: #ffff !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[NOT1]

Thank you 😍

[NOT1]

@BSSCommerce-HDL Hey, how can I increase the description font size for this i want it 32px? 

[BSSCommerce-HDL]

@NOT1, Can you take me a picture of the problem?

[NOT1]

Sure. I am using description for the New Arrival I want to make it 32 px how can i Do that

[BSSCommerce-HDL · Accepted solution]

Hi @NOT1, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
#MainContent .multicolumn .multicolumn-card__info .rte p {
    font-size: 32px !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL]

@NOT1, Just make it as close as possible