CSS (4) 리스트형 우커머스 onsale 세일 뱃지 크기 조정하기 css 오랜만에 우커머스를 세팅하고 있다 못보던 세일 마크가 생겼다 어마무시하게 크고 보기 싫다 글씨 크기, 배경 색상, 뱃지 크기(패딩)를 조정했다 이 글을 쓰는 이유는 세일 뱃지 패딩 선택자가 이상해서 -_-; 선택자 찾는 데에 꽤나 애를 먹었기 때문이다 1. 우커머스 세일 뱃지 배경 색상, 글씨 크기 조정 .woocommerce-page span.onsale, .woocommerce span.onsale{ background:#ff6767 !important; /*배경 색상*/ border-radius:0px !important; /*뱃지 둥근 모서리 없애기*/ font-size:14px; /* 글씨 크기*/ top:0px !important; /*top으로부터 여백 조정*/ } 이 css를 적용하고 나면.. 디비 divi 빌더 모바일 레이아웃 5열 배열하기 디비 divi 빌더 모바일 레이아웃 5단 배치하기 태초에 이런 레이아웃이 있었다 pc에서는 문제가 없지만 디비 빌더 특성 상 모바일에서는 한줄씩 아래로 떨어지게 배치된다 이렇게 말이다 그런데 나는 [홈 회사소개 이용약관 개인정보처리방침 고객센터]를 pc에서처럼 모바일에서도 한줄로 배치하고 싶다 클래스명이니 @media쿼리니 하는 것은 잊자 css에 대한 지식이 전혀 없더라도 쉽게 따라할 수 있다 1. 디비 빌더에서 해당 행 설정을 누른다 초록색? 민트색 배경의 설정 버튼을 눌러주면 된다 2. 디비빌더 행 설정 창 -> 열 설정 행 설정창이 뜨면 열구조가 나오고 아래에 만들어 놓은 열들이 보인다 근본적으로 우리가 만져야 할 것은 이 열 설정이다 5개의 열 모두 3번에 나오는 방법으로 세팅해 주면 된다 ↓ .. 디비 divi 빌더 텍스트 모듈로 동그란 버튼 만들기 오랜만에 디비로 작업을 하게 됐다 동그란 버튼을 float 시킬까 싶어서 일단 동그란 버튼부터 만드는데 한글 상으로 버 5분만에 티스토리 로딩 화면 만드는 방법(애드센스 광고 느리게 뜰 때) 애드센스 광고가 느린 속도로 뜰 때 해결할 수 있는 방법, 애드센스를 달고 보니 티스토리 글이 로딩되고 몇초가 지난 후에야 애드센스 광고가 로딩된다는 사실을 알게 됐다 상단 애드센스 광고가 노출되기도 전에 밑으로 죽죽 내려버린다면 상단 애드센스는 노출이 전혀 안되는 셈이다 문제를 해결하기 위해 몇가지 방법들을 생각해 보다 발견한 해결책 중 가장 그럴듯 하면서 내 티스토리를 하나의 브랜드로서 알릴 수 있는 긍정적인 효과까지 줄 수 있는 방법은 티스토리에 0.8초 정도의 로딩 화면을 넣는 방법밖에 없다 이 포스팅을 누른 여러분들도 슈가는 설탕 로고가 손을 흔들고 있는 gif 이미지를 분명히 봤으리라 움직이는 gif 이미지로 지루하지 않게 애드센스 광고가 뜨는 시간 동안 글을 잠시 가려주는 것이다 1. gif.. 이전 1 다음
