Change "Reactions" button color.

#1 · July 12, 2020, 7:32 am

Hello.

How could I make the reactions buttons transparent?

Uploaded files:

DoctorScandal has reacted to this post.

#2 · July 12, 2020, 7:33 am

I want them to look like this:

Thanks in advance.

Uploaded files:

#3 · July 15, 2020, 4:11 am

Hello @lexiture

Can you provide a link to your forum so I can have a look at the currently applied stylings?

If you want to support the development of Asgaros Forum, you can leave a good review or donate. Thank you very much!

#4 · July 15, 2020, 10:48 am

I’ve temporally enabled the website. Link: ForoDatos

Custom CSS code I’ve applied during development:

@media only screen and (min-width: 768px) and (max-width: 1019px)  {
  #block-wrap-53699, #block-wrap-80365, #block-wrap-81245 { 
    display: none;
  }
}
.page-id-635 .entry-title{
display:none;
}
.archive.category .page-title,
.archive.category .page-description {
    display: none !important;
}
.biblioteca .entry-title{
display:none;
}
/* display background ad in dark mode */
.mode--alt--b.skin-light .site-inner{
background:transparent;
}
.mode--alt--b.skin-light .block-css-78450 {
background:transparent;
}
.block-wrap-grid .only-filters .filters .load-more-wrap-2 {
    margin-right: auto!important;
}

/* Hide the Home Symbol from overview page */
.asgaros-forum-overview #forum-breadcrumbs span:nth-child(2) {
    display: none !important;
}
/* Hide the first entry of the Breadcrumb - Forum Name - from overview page */
.asgaros-forum-overview  #forum-breadcrumbs span:nth-child(3) {
    display: none !important;
}
#af-wrapper img.avatar {
    border-radius: 0% !important;
}
#af-wrapper img.avatar {
    border-radius: 0;
}
#af-wrapper .forum-title {
    color: black;
}
/* Change URL link colour to blue */
#af-wrapper a {
color: #000 !important;
}
/*and hover colour to red */
#af-wrapper a:hover {
text-decoration: underline
  !important;
color: #000 !important ;
}
#af-wrapper .unread {
    color: #272a2c !important;
}

#af-wrapper #read-unread {
    display: none !important;
}
#af-wrapper .user-online .avatar {
    box-shadow: 0px 0px 5px #000;
    border: 1px solid #000;
}