Q&A

본문 내 링크 색상 변경

초오보
2023.02.12 04:22
1,780
0
12
CMS/프레임워크 Rhymix 2.0
개발 언어 PHP 7.4

스케치북5, ckediter 쓰고 있습니다.

 

Screenshot 2023-02-12 at 13.19.24.JPG

링크를 걸면 기본 색상이 연회색입니다.

위에 있는 본문 글자와 구별이 잘 안 되어서 다른 색상으로 바꾸고 싶은데

어떻게 해야할지 모르겠습니다.

어떤 파일의 어느 부분인지 알려주실 수 있을까요?

 

/modules/board/skins/sketchbook5/css/board.css?20230212130655 에서

 

.bd a {
    text-decoration: none;
    color: #333;
    transition: border-color .4s,box-shadow .4s,background .4s,color .4s,opacity .4s;

 

여기서 #333을 다른 색상으로 고쳤더니 본문만이 아니라 링크가 있는 레이아웃의 모든 부분이 색이 변합니다.

목록

댓글 12

  • 아그네스
    2023.02.12 09:41 #1744454
    본문내 a태그니깐 거기가 아니라
    .rhymix_content a, .rhymix_content a:hover, .rhymix_content a:active, .rhymix_content a:focus {

    이쪽에서 변경하셔야 할겁니다.
    추천 0
  • 초오보
    2023.02.12 11:52 #1744467

    답변 감사합니다. 그런데
    public_html/modules/editor/skins/ckeditor/editor.html 를 고치는 거 맞나요?
    이 파일에 있는
    css_content = ".rhymix_content.editable { font-family:" + default_font_fullname + "; } " + css_content;
    부분을
    css_content = ".rhymix_content.editable { font-family:" + default_font_fullname + "; } " + css_content; a { color: #2980b9; }, .rhymix_content a:hover { color: #f39c12; }, .rhymix_content a:active { color: green; }, .rhymix_content a:visited { color: #2ecc71; }
    로 했는데 에러가 납니다. ckeditor가 다 망가졌습니다.

    어떻게 해야 할까요?

    추천 0
  • 기진곰
    2023.02.12 12:37 #1744473
    에디터는 스킨 설정을 따라가기 때문에 건드릴 필요 없습니다. 스케치북 스킨만 수정하세요.
    추천 0
  • 초오보
    2023.02.15 05:36 #1745328
    애써 답변을 주셨는데 죄송합니다. 스케치북 스킨의 어떤 파일을 어떻게 수정해야 하는지 모르겠습니다.
    /modules/board/skins/sketchbook5/css/board.css에서 link 라는 단어로 검색을 했는데
    아무 것도 나오지 않습니다.
    비용을 들여서 의뢰를 해야 할 사안일까요?
    추천 0
  • alfredo
    2023.02.15 05:57 #1745333
    board.css 에서 기존 .bd a 클래스를 수정하지 마시고 새로 추가를 하면 될 것 같습니다.
    추가 방법은,,, 브라우저에서 개발자도구를 열어서 해당 코드가 들어간 부분을 찾으신 다음에 스타일탭에 나타난 클래스명을 그대로 가져다가 사용하면 됩니다.
    추천 0
  • 초오보
    2023.02.15 06:12 #1745337

    링크를 건 본문의 텍스트에서 개발자도구를 열었을 때 뭔가를 변경할 수 있는 부분은 아래 내용밖에 없습니다.
    .bd a {
    text-decoration: none;
    color: #333;
    transition: border-color .4s,box-shadow .4s,background .4s,color .4s,opacity .4s;

    여기서 색을 #333을 변경하면 레이아웃에 있는 모든 링크의 색상이 변하구요.

    다른 부분은 user agent stylesheet 라고 해서 변경이 불가능합니다.

    또 다른 부분은 files/cache/assets/compiled/b3b2b28ce614ea7c364bd3be76a20119ed195d33.rhymix.less.min.css?20230209150949
    라고 나와서 이것 역시 변경이 불가능하고요.

    그래서 개발자도구의 style에서 어디를 수정해야 하는지 전혀 알 수가 없습니다.

    추천 0
  • alfredo
    2023.02.15 07:32 #1745382
    .hover_effect a {color: #333 !important;}
    추가해보세요.
    추천 0
  • 초오보
    2023.02.15 08:07 #1745398
    /modules/board/skins/sketchbook5/css/board.css의 어느 위치에 추가하면 될까요?
    추천 0
  • alfredo
    2023.02.15 08:09 #1745402
    아무데나요~
    추천 0
  • 초오보
    2023.02.15 10:11 #1745441
    해결되었습니다. 도움에 감사드립니다.
    추천 0
  • 기진곰
    2023.02.15 08:15 #1745406

    a 태그인데 link를 왜 찾나요? 이미 있는 거 수정하지 말고 그냥 맨 밑에 추가하기만 하셔도 됩니다. CSS는 밑에다가 추가하면 위에서 선언한 것을 무시하게 되니까요.

    .rhymix_content a { color: #원하시는색상; }

    추천 0
  • 초오보
    2023.02.15 10:12 #1745445
    정말 감사합니다. 잘 해결되었습니다.
    추천 0
1 2 3 4 5