Lưu trữ Danh mục: Flatsome

BOOTSTRAP

// ========================================================================= // BOOTSTRAP CSS // ========================================================================= function enqueue_bootstrap_styles(){ wp_enqueue_style(‘bootstrap_css’, ‘//stackpath.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css’); } add_action( ‘wp_enqueue_scripts’, ‘enqueue_bootstrap_styles’ ); // ========================================================================= // BOOTSTRAP JAVASCRIPT // ========================================================================= function enqueue_bootstrap_scripts() { wp_enqueue_script( ‘bootstrap_jquery’, ‘//code.jquery.com/jquery-3.4.1.slim.min.js’, array(), ‘3.3.1’, true ); wp_enqueue_script( ‘bootstrap_popper’, ‘//cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js’, array(), ‘1.14.7’, true ); wp_enqueue_script( ‘bootstrap_javascript’, ‘//stackpath.bootstrapcdn.com/bootstrap/4.4.0/js/bootstrap.min.js’, array(), ‘4.3.1’, true ); } add_action( ‘wp_enqueue_scripts’, ‘enqueue_bootstrap_scripts’ );

Nav Pagination

.nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover { background-color: #fff; border-color: #fff; border-bottom-color: #cd9a49; } .nav-pagination>li>a, .nav-pagination>li>span { border-radius: 0; border: unset; border-bottom: 2px solid #fff; } .nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover { background-color: #fff; border-color: #fff; border-bottom-color: #cd9a49; color: #cd9a49; }

Select Option

.woocommerce-ordering {   position: relative;   font-family: Arial; } .woocommerce-ordering select {   display: none; /*hide original SELECT element:*/ } .select-selected {   background-color: DodgerBlue; } /*style the arrow inside the select element:*/ .select-selected:after {   position: absolute;   content: “”;   top: 14px;   right: 10px;   width: 0;   height: 0;   border: […]

Change Icon

.icon-hotline:before { background: url(https:url.png); background-size: cover; content: “”; width: 32px; height: 32px; display: block; margin-bottom: -2px; } .icon-zalo:before { background: url(https:url.png); background-size: cover; content: “”; width: 32px; height: 32px; display: block; margin-bottom: -2px; } .icon-viber:before { background: url(https:url.png); background-size: cover; content: “”; width: 32px; height: 32px; display: block; margin-bottom: -2px; }

Quantity

.quantity {   width: 55px;   padding: 0;   text-align: center;   border: 1px solid #e5e5e5;   line-height: 36px;   border-radius: 3px 0 0 3px;   float: left;   position: relative; } .quantity:before {   border-bottom: 1px solid #ebeef2;   border-right: 1px solid #ebeef2;   border-top: 1px solid #ebeef2;   color: #6f6f6f;   cursor: pointer; […]