현재 서비스 준비 중인 페이지로, 실제로 다른 내용이 있을 수 있습니다. 

빌더 모듈의 border-radius 와 box-shadow 한 번에 없애기

작성자 | 2021. 01. 10 | 댓글 0개

Extra 테마에서는 모든 모듈에 기본적으로 모서리를 둥글게 하는 border-radius 와 그림자가 적용되는 box-shadow 가 적용되어 있습니다.

사이트의 디자인 상 둥근 모서리와 박스 그림자가 필요없다면 아래 코드를 추가하여 한 번에 이를 제거할 수 있습니다.

관리자로 로그인하여 Theme Customizer > 추가 CSS 에 아래 내용을 추가하면 됩니다.

.et_extra_other_module, .et_pb_extra_module, .posts-blog-feed-module.masonry .hentry, .project-details, .woocommerce div.product .extra-woocommerce-details-accordion, .woocommerce div.product div.summary, .woocommerce ul.products li.product .product-wrapper, .woocommerce-page div.product .extra-woocommerce-details-accordion, .woocommerce-page div.product div.summary, .woocommerce-page ul.products li.product .product-wrapper {
     border-radius:0;
     box-shadow: none;
}

디자인의 통일성을 위하여 위젯에도 적용하려면 아래 내용을 함께 추가해 주세요.

.et_pb_widget { border-radius:0; box-shadow: none; }

 

단비스토어

워드프레스의 개발원칙을 지키며, 워드프레스를 위한 국내 최대의 리소스를 제공합니다.

단비 노하우는...

  • 상용 사이트 제작과 운영을 지식 제공을 목적으로 단편적이고 파편적인 정보를 지양합니다.
  • 최상의 리소스를 중심으로 작성되며, 리소스의 가격은  거의 고려하지 않습니다. 따라서, 상용 사이트에 적합하지 않은 테마나 플러인은 다뤄지지 않습니다. 
  • 모든 노하우는 단비에서 직접 검증한 내용입니다.
  • IT 기술이 빠르게 발전하 듯이, 언급된 리소스에도 변화가 있을 수 있습니다. 업데이트 날짜를 기준으로 읽어봐 주시기 바랍니다.