larghezza fissa pulsante

[tmtube73]

capisco che la domanda possa essere banale perchè sono neofita in css, ho questo codice in un file style.css

.slider_detail-box .btn-box .btn-1 {
display: inline-block;
padding: 10px 45px;
background-color: #023b48;
border: 1px solid #023b48;
color: #ffffff;
margin-right: 10px;
}

ho necessità di rendere tutti i pulsanti larghi fissi uguali
mi sapete spiegare come?
grazie.

[SoloWiFi]

Se ad esempio li vuoi larghi 70px

min-width:70px; max-width;70px;

[tmtube73]

ho aggiunto questa riga ---> min-width:300px; max-width;300px;sotto la riga --> .slider_detail-box .btn-box .btn-1 {
ma nulla viene ignorata i pulsanti rimangono con larghezza diversa
forse il problema è nelal classe "detail-box" oppure in ​"col-md-6" ??


riporto qui sotto anche codice html


<div class="col-md-6">
<div class="detail-box">
<h2 class="custom_heading">
I Link di
<span>
Mario Rossi
</span>
</h2>
<p>
<!-- testo libero -->
</p>
<div><a href="https://miosito.it" target="_blank">mio sito</a></div>
<div><a href="https://miosito2.it" target="_blank">mio sito2</a></div>
</div>
</div>

[SoloWiFi]

min-width:70px !important;
max-width:70px !important;

[tmtube73]

non ci crederai ma nemmeno cosi li allarga tutti uguali, se faccio il refrsh del browser sembra che tentino di allargarsi ma poi restano come sono larghi diversi in base alla lunghezza del testo del pulsante qui sotto il codice che ho usato

.slider_detail-box .btn-box .btn-1 {
display: inline-block;
padding: 10px 45px;
background-color: #023b48;
border: 1px solid #023b48;
color: #ffffff;
margin-right: 10px;
min-width:150px !important;
max-width:150px !important;
}

[Vincent.Zeno]

nell'HTML che hai riportato non ci sono le classi che hai lavorato nel CSS.
ovvio che non puoi ottenere alcun risultato.

[tmtube73]

ho capito il problema, dovevo modificare un altra zona del css la classe "a" aggiungendo
width: 250px; adesso sono tutti larghi uguali, grazie.

.about_section .detail-box a {
display: inline-block;
padding: 10px 20px;
background-color: #023b48;
border: 1px solid #023b48;
color: #ffffff;
width: 250px;
text-align: center;
}