Change of the "LOAD MORE" button shape

Dear Colorlib staff,

I gently need one more time your help. I would love to change the dimension and shape of the instagram-plugin “LOAD MORE” button to harmonize it with the rest of the buttons in the homepage. I tried to add some Custom CSS to obtain it but with no results. Can you help me with some super-duper CSS script?

My website is reachable here and the instagram plugin is implemented in the custom HTML session at the bottom of the homepage.

Thank you for your help.

Kindly,
Giulio

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

a.sbi_load_btn {
width: 250px;
border-radius: 0px !important;
padding: 17px !important;
}

Thanks!
Colorlib Support Team

Hi Noda,

thank you, it works perfectly.

But how can I set the “LOAD MORE” text in bold?
I tried adding “font-weight: bold !important” to the structure you sent me but nothing happened!

Thank you,
Giulio

Good morning

please try this CSS code:

span.sbi_btn_text {
font-weight: bold !important;
}

It works perfectly fine, as usual!

Thank you Noda, have a nice one.

Giulio

OK, I will close this case now, Feel free to contact us again if you have other questions

Thanks!