안녕하세요~^^

<ul> 태그 안에 있는 <li> 태그에 float: right 속성을 적용할 경우

기존 좌측에 있는 태그가 가장 오른쪽에 위치하게 됩니다.

그렇기 때문에 <ul> 태그에 float: right 속성을 적용하고

<li> 태그에는 float: left 속성을 적용해주셔야 할 듯합니다.

기존 추가하신 코드는 지우신 후

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

#access ul { float: right; }
#access li { float: left; }

올려주신 이미지에서 "Read more" 문구가 지워지지 않는 이유는

CSS 우선순위 문제인 듯합니다.

아래의 CSS 코드도 추가해보시겠어요?

.column .more-link { display: none; }

고맙습니다.

고맙습니다~