Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 22, 2015 at 10:59 am #432687
    Vital

    Hello!
    I’d like to change the color of the masonry module sort box for it to be different from the body color: http://take.ms/uKJ4e

    I add code to quck style:

    .av-masonry {
    background-color: #24272D;
}

    But nothing worked out =(
    Can you please help me?

    Regards, Vital

    • This topic was modified 9 years, 8 months ago by Vital.
    April 22, 2015 at 2:48 pm #432826
    Yigit

    Hi Vital!

    Please use following code instead

    .av-masonry-sort {
  background-color: #24272D;
}

    Best regards,
    Yigit

    April 22, 2015 at 3:29 pm #432864
    Vital

    Thank for the answer and advice, Yigit!
    At first it didn’t worked but as I added !important; it became nice!

    But I have one more question please. How can I change the colour of sorting categories text: http://take.ms/tTUnw ?
    Regards, Vital

    • This reply was modified 9 years, 8 months ago by Vital.
    April 22, 2015 at 3:44 pm #432875
    Yigit

    Hey!

    Seems like you have already figured it out – http://i.imgur.com/9sgROY8.png ? :)

    Best regards,
    Yigit

    April 22, 2015 at 3:46 pm #432878
    Vital

    Hi!
    Nope. In my version if they are white they are always white even if they are active. So my variant is wrong.

    Regards, Vital

    • This reply was modified 9 years, 8 months ago by Vital.
    April 22, 2015 at 3:49 pm #432883
    Yigit

    Hey!

    Please add following code to Quick CSS

    .active_sort .inner_sort_button span {
  color: #ff0062;
}
.inner_sort_button span {
  color: white;
}

    Regards,
    Yigit

    April 22, 2015 at 4:04 pm #432896
    Vital

    Hey!
    Thanks for help! One litthe thing still missing is the hover color effect. I tried this way:

    .inner_sort_button span a{
  color: #ff0062 !important;
}

    But is was useless.
    Regards, Vital

    • This reply was modified 9 years, 8 months ago by Vital.
    April 22, 2015 at 4:07 pm #432900
    Yigit

    Hey!

    Please use following instead

    .inner_sort_button:hover span {
  color: #ff0062!important;
}

    Best regards,
    Yigit

    April 22, 2015 at 4:09 pm #432905
    Vital

    Hey!
    Now it’s perfect! Sorry for my small knowledge of CSS cos I shoud solve such problems by my self.
    Good luck, Yigit!
    Best regards,
    Vital

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Edit masonry sorting box color by CSS’ is closed to new replies.