Wordpress에서 블로그 게시물에서 곡선 모서리를 제거하는 방법

Question

Wordpress에서 블로그 게시물의 이미지에서 곡선 모서리를 제거하는 데 어려움이 있습니다.

https://www.marriedin.co.uk/guides/

나는 이미지의 상단 모서리에 곡선을 제거하는 방법을 다음

.content-box { 
    border-radius: 0px; 
} 

그냥 할 수없는 운동과 하단 모서리를 제거하는 데 성공했다. 컨테이너 자체에는 구부러진 모서리가 없지만 이미지에는 여전히 구석이 있습니다.

감사합니다.

Answer 1

.type-post .entry-cover.has-image { 
border-radius: 0; } 

Answer 2

요소를 검사하면 클래스가 표시됩니다. 유형 게시, 엔트리 커버 및. has-image은 코너 반경을 구체적으로 정의합니다. 다음과 같이 정의하십시오 :

border-top-left-radius: 0px; 
border-top-right-radius: 0px; 

알고 계시지 않는 분은 브라우저 검사기에서 직접 CSS 변경 사항을 테스트 할 수 있습니다. 이렇게하면 문제가 발생한 요소를 파악하고 가능한 변경 사항을 테스트하는 데 많은 시간을 할애 할 수 있습니다.

Answer 3

<article> 태그의 하위 요소는이 둥근 모서리를 이미지에 부과하는 것입니다. 추가 다음

시도 :

.type-post .entry-cover.has-image, .type-post .has-image.entry-cover--home, .type-post .has-image.listing-cover{ 
    border-radius:0; 
} 

Answer 4

이미지에 대한 컨테이너는 왼쪽 상단과 오른쪽 상단 테두리 반경 세트가 있습니다. 그것은 style.min.css에 있어요 :

.type-post .entry-cover.has-image, .type-post .has-image.entry-cover--home, .type-post .has-image.listing-cover { 
    border-top-left-radius: 4px; /* change to 0px */ 
    border-top-right-radius: 4px; 
} 

당신이 마크 업이 비트를 발견하고 당신은 여전히 ​​4 픽셀 수 border-top-left-radius 및 border-top-right-radius 세트가 마치 둥근 모서리

Answer 5

을 잃게됩니다 0 픽셀하기 위해 4 픽셀을 변경하는 경우.

Answer 6

는 사용자 정의 CSS를이 시도 :

.content-box { 
    border-top-left-radius: 0px !important; 
    border-top-right-radius: 0px !important; 
} 

!important 옵션은 그 클래스에 스타일을 적용하는 다른 스타일보다 우선합니다.

또한 캐시 된 데이터가있을 수있는 브라우저의 변경 사항을 반영하여 브라우저를 올바르게 새로 고쳐야합니다. Chrome을 사용하는 경우 ctrl + F5을 사용하거나 시크릿 창을여십시오.

Answer 7

.type-post .entry-cover.has-image, .type-post .has-image.entry-cover--home, .type-post .has-image.listing-cover { 
border-top-left-radius: 0px; 
border-top-right-radius: 0px; 
} 

Answer 8

이 그것을

.type-post .entry-cover.has-image { 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
}