I need to know how to make this code have two buttons side by side.
{% if module.content or module.mobile_content or module.button.button_type or module.image_field.src %} <div class="banner"> <div class="row"> <div class=" span6"> <div class="--header-text">
Ok let me try to help you. I really don't know, where there are two buttons in your code. Your button wrapper does only contain one a-tag. First you pasted the following code:
I don't see that in your hubL and also not in your CSS.
Buttons are by default displayed inline. When you have a wrapper and some buttons like in this example, they are automatically positioned inline. If not, you added a different displaying method to it, like display: "block".
Jan 20, 20232:51 AM - edited Jan 20, 20232:52 AM
Contributor
Adding buttons side by side in Hubl
SOLVE
Hi, you don't provide much information regarding your problem, so the most I can give you are some hints that should move you into the right direction:
You should get familiar with CSS as this is the language to change styling and positions. Possible properties to display something next to each other would be display: "flex" or display: "inline". I really recommend you to gain at least some basic knowledge in CSS. There are tons of guides out there on how to position things by using CSS.
It looks like you are using some CSS framework or library. I assume that by looking on the classes (like "btn_wrpr") you use in your code. If so, you could have a look into the documentation of this library in order to solve your issue.
{% if module.content or module.mobile_content or module.button.button_type or module.image_field.src %} <div class="banner"> <div class="row"> <div class=" span6"> <div class="--header-text">
Ok let me try to help you. I really don't know, where there are two buttons in your code. Your button wrapper does only contain one a-tag. First you pasted the following code:
I don't see that in your hubL and also not in your CSS.
Buttons are by default displayed inline. When you have a wrapper and some buttons like in this example, they are automatically positioned inline. If not, you added a different displaying method to it, like display: "block".
Sorry, I sent the wrong code. Belwo is what I have now and the two buttons are on top of each other.
{% if module.content or module.mobile_content or module.button.button_type or module.image_field.src %} <div class="banner"> <div class="row"> <div class=" span6"> <div class="--header-text">