Custom Color Code

Last updated on by

Home › Forums › Legacy Support › Support queries › Setup issues › Custom Color Code

Tagged: , , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 13, 2017 at 12:29 pm #111969
    George Steve
    Participant
    How can I change the colors of Star rating, Coming Soon, Free, Start and Finished to my desired color code? It is only the price that changes. I want a blue color and I only see the option to change price color. How can I locate others? See image. If I should use custom CSS, where will I insert it and an example will help a lot. Color code insertion <b></b><i></i><u></u>
    May 13, 2017 at 1:02 pm #111982
    Skywalker [ ex VibeThemes]
    Participant
    Go to wp-admin->appearance->customiser->add custom CSS-> add these lines and save. .block.courseitem.course3 .course_price span{color:red !Important;} .block.courseitem.course3 .block_media{height:119px !Important;}
    May 13, 2017 at 1:33 pm #111999
    George Steve
    Participant
    Hello Skywalker, This only worked on "COMING SOON" and "PRICE". It did not affect the "FREE" and Star rating. The ratings are still on yellow color while "FREE" is still green. See image below for clarification. I want everything here to be blue color. color
    May 15, 2017 at 11:54 am #112118
    Skywalker [ ex VibeThemes]
    Participant
    .block.courseitem.course3 .course_price span{color:red !Important;} .block.courseitem.course3 .course_price strong{color:red !Important;} .block.courseitem.course3 .block_media{height:119px !Important;}
    May 15, 2017 at 12:38 pm #112131
    George Steve
    Participant
    This reply has been marked as private.
    May 15, 2017 at 1:03 pm #112149
    Skywalker [ ex VibeThemes]
    Participant
    .course_meta .star-rating span:before{color:blue !Important;}
    May 15, 2017 at 1:56 pm #112166
    George Steve
    Participant
    Under "all courses", the star rating is still yellow and author's avatars got stretched. See image below. star still yello and author avatar distorts
    May 16, 2017 at 12:58 pm #112315
    Skywalker [ ex VibeThemes]
    Participant
    .course ul#course-list li.course_single_item div div div.item{height:200px !important;} .course ul#course-list li.course_single_item span:before{color:blue !important;} .course ul#course-list li.course_single_item div div div.item .item-title{height:50px !important;} .course ul#course-list img.avatar{max-height:40px !Important;max-width:40px !Important;}    
    May 16, 2017 at 12:58 pm #112316
    Skywalker [ ex VibeThemes]
    Participant
    .course ul#course-list li.course_single_item div div div.item{height:200px !important;} .course ul#course-list li.course_single_item span:before{color:blue !important;} .course ul#course-list li.course_single_item div div div.item .item-title{height:50px !important;} .course ul#course-list img.avatar{max-height:40px !Important;max-width:40px !Important;}  
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Custom Color Code’ is closed to new replies.