Button width 100%

Posted in: Newspaper
Post count: 111

Hello,

I would like to make the button on this page 100% width, but I can’t get it. Could you help me with the css?

Post count: 35449

Hi,

Open the page with tagDiv Composer, click on button and in left sidebar look for button display set it to full width ( https://www.screencast.com/t/9M2JXwoBwe ).

Let me know how it works.
Thanks.

Post count: 111

Hi Calin,

This website is made with Visual Composer.

Post count: 35449

Hi,

Ok if is made with vComposer please add a class to that button ( https://www.screencast.com/t/En9y3AzA ) and add this css in Newspaper>Theme panel> custom code> custom css :

.full_width_button{
width: 100%;

}

.full_width_button button{
width: 100%;

}

See results: https://www.screencast.com/t/fZJIP4PWUyNn

Thanks.

Post count: 111

Hi Calin, Thanks for your reply.

I have added the custo code, but it doesn’t work. Also isn’t a code like this for all buttons? Can I use a custom class for the element so it only applies to buttons with this custom class?

Post count: 35449

Hi,

Of cores it not work, because you add to the extra class “btncor” not “full_width_button” , and in css cod you put “full_width_button” instand of “btncor”.
https://www.screencast.com/t/4p3AL83u
Please try again, and change from css or extra class.

Thank you for your understanding.

Post count: 111

You’re right. I read over that bit in your reply, sorry. Got it now, thanks!

Post count: 111

Hi Calin. Sorry I have to ask you again. Before I didn’t have an actual link set yet behind the button. Now when I set it the button isn’t 100% anymore. If I delete the link for the button it’s back to 100%. Any idea why?

Post count: 35449

Hi,

Please replace the above custom css with this one:
.full_width_button{
width: 100%;
}
.full_width_button button{
width: 100%;
}
.full_width_button a{
width: 100%;
}

Hope this will help you.
Thanks.

Post count: 111

Great, thanks!

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.