Docs

[arthurdupuy]

Hello X

As you can see on my website http://www.alveusclub.com/accueil-v2/

The two buttons (‘sec’ and ‘section 2’) are side by side but I would like to have it placed underneath one another (for mobile or laptop).

Thank for your answer.

[arthurdupuy]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

<div class="x-container">
<div class="x-column x-1-2"><a class="x-btn x-btn-global" style="background-color: rgba(8, 32, 59, 0.6);color : #ffffff;border: none;border-radius: 4px;float: left;margin-left: 10px;margin-top:5%;opacity :0,5;" href="#" data-options="thumbnail: ''"><span style="margin-right: 40px; margin-left: 40px;">Section 2</span></a>
</div>
<div class="x-column x-1-2"><a class="x-btn x-btn-global" style="background-color: rgba(8, 32, 59, 0.6);color : #ffffff;border: none;border-radius: 4px;float: left;margin-left: 10px;margin-top:5%;opacity :0,5;" href="#" data-options="thumbnail: ''"><span style="margin-right: 40px; margin-left: 40px;">Sec2</span></a>
</div>
</div>
<div class="x-container">
<div class="x-column x-1-2"><a class="x-btn x-btn-global" style="background-color: rgba(8, 32, 59, 0.6);color : #ffffff;border: none;border-radius: 4px;float: left;margin-left: 10px;margin-top:5%;opacity :0,5;" href="#" data-options="thumbnail: ''"><span style="margin-right: 40px; margin-left: 40px;">Sec2</span></a>
</div>
<div class="x-column x-1-2"><a class="x-btn x-btn-global" style="background-color: rgba(8, 32, 59, 0.6);color : #ffffff;border: none;border-radius: 4px;float: right;margin-right: 10px;margin-top:5%;opacity :0,5;" href="#" data-options="thumbnail: ''">Physique-Chimie</a>
</div>
</div>

Hope it helps.

[arthurdupuy]

Thank you.
Where do I have to insert this code ?

If i update that in “Text”, it will not update cornestone right ?

Is there a way to insert this code in cornestone/CSS-Custom by defining a class for example ?

[Thai]

Hi There,

You can add that code to the raw content element:

http://i.imgur.com/LqsUzFR.png

Your custom CSS should be placed under Customizer > Custom > Global CSS.

Regards!

[arthurdupuy]

Thank you for your answer. I think, i have found another solution for this.
I’ve just a issue : As you can see attached, between 768px and 481px width, the two buttons have really bad position. Is there a solution to place buttons underneath one another for this width. For help you, I can define a class for each button with Cornestone and then the code would be more easy to define.

Thank you !!

[Joao]

Glad to hear it.

Let us know if we can help with anything else.

Joao

[arthurdupuy]

Hello Joao,

Only one issue : : As you can see attached, between 768px and 481px width, the two buttons have really bad position. Is there a solution to place buttons underneath one another for this width ? For help you, I can define a class for each button with Cornestone and then the code would be more easy to define.

[Rue Nel]

Hello There,

Thanks for the updates! To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
    .x-btn.x-btn-global {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px;
    }    
}

Hope this helps. Kindly let us know.

[arthurdupuy]

You’re genius !!

[Paul R]

Thanks. Have a great day!

[Author]

Posts