.container{
height: 500px;
font-family: KTF;
}
.preview_info {
width: 100%;
display: flex;
height: auto; /*зачем тут были проценты непонятно*/
flex-direction:column;
}
.preview_info p {
margin-top: 53px;
width: 600px; /*ТУТ*/
font-size: 23px;
}
.btn_sub{
border: none;
font-size: 15px;
color: #FFF;
letter-spacing: 2px;
font-family: Leto;
border-radius: 22px;
padding: 30px;
background-color: #bd8c95;
width: 200px; /*ТУТ*/
}
.btn_sub:hover{
background-color: #B2848C;
transition: 1s;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
body {
background: #000;
filter: blur(100px);
}
.fcirc,.scirc {
width: 400px;
height: 400px;
border-radius: 200px;
position: absolute;
}
.fcirc {
background: purple;
right: 10px;
top: 10px;
}
.scirc {
background: pink;
right: 160px;
top: 170px;
}
</style>
</head>
<body>
<div class="fcirc"></div>
<div class="scirc"></div>
</body>
</html>
<?php
add_filter('woocommerce_catalog_orderby', 'wc_customize_product_sorting');
function wc_customize_product_sorting($sorting_options){
$sorting_options = array(
'popularity' => __( 'Популярные', 'woocommerce' ),
'date' => __( 'Новинки', 'woocommerce' ),
'price' => __( 'Сначала дешёвые', 'woocommerce' ),
'price-desc' => __( 'Сначала дорогие', 'woocommerce' ),
'rating' => __( 'Высокий рейтинг', 'woocommerce' ),
);
return $sorting_options;
}
?>
