Centrar botón en CSS
Publicado por Luis (1 intervención) el 06/01/2022 17:46:47
Hola! He añadido un botón en una tienda de Shopify mediante un asset y css pero no logro cambiar dos cosas. Centrarlo en la pagina y quitar las lineas grises arriba y abajo.
El código usado es este en el asset:
Y este en el css:
Como puedo arreglarlo? No sé CSS, lo he hecho mediante tutoriales. Gracias!
El código usado es este en el asset:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<hr>
<div id="section-cta">
<div class="container">
<h3> {{ section.settings.text-box }} </h3>
<a href="{{ section.settings.link }}" class="button">{{ section.settings.linktext }}</a>
</div>
</div>
<hr>
{% schema %}
{"name": "Call to action",
"settings": [
{"id": "text-box",
"type": "text",
"label": "Heading",
"default": "Title"
},
{"id": "link",
"type": "url",
"label": "Button link"
},
{"id": "linktext",
"type": "text",
"label": "Button text",
"default": "Click here"
} ] ,"presets": [
{"name": "Call to Action",
"category": "Call To Action"
} ]}{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
Y este en el css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.button {
display: inline-block;
padding: 0.85em 1.5em;
font-size: 1 em;
cursor: pointer;text-decoration: none;
color: #ffffff;
background-color: #5D5D9B;
border: none;border-radius: 0;
.button:hover {
background-color: #8484cf;
}}Como puedo arreglarlo? No sé CSS, lo he hecho mediante tutoriales. Gracias!
Valora esta pregunta
0
