CSS MODIFICATIONS TO REVELER THEME

michaeljeans · Member · Aug 30, 2016 at 5:15 am
Copy link

Add topic to favorites
#1. I wish to reverse the colours of the Header Text (Site Name) and background (Reveler theme) without altering the navigation colour scheme.

#2. I wish to display the branding Site Description.

(kemureti.nz is currently hidden)

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 30, 2016 at 9:41 pm
Copy link
Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to reverse the colors on the site title area and display the tagline.
```
.site-description {
    display: block;
}
.site-title a, .site-description {
    color: #333 !important;
}
.site-branding {
    background-color: #fff !important;
}
```
michaeljeans · Member · Aug 30, 2016 at 10:05 pm
Copy link
Perfect, thank you very much! :)
michaeljeans · Member · Aug 31, 2016 at 2:39 am
Copy link
Tell me if I need to start another thread – this is the 3rd of my three Reveler theme queries.

#3. I wish to replace the greyed out Post Title icon with my own icon.
thesacredpath · Member · Aug 31, 2016 at 6:31 pm
Copy link
Hi there, on the icon what you would do is to add the URL of the image you upload to your media library where it says URL_OF_IMAGE between the quote marks in the content declaration. You can also change the grey background color if you wish, or set it to “transparent” if you do not wish to have the grey background. The image would work best as a PNG with a transparent background.
```
.entry-format::before {
    background-color: #dde4e6;
    border-radius: 50%;
    content: url("URL_OF_IMAGE");
    padding: 0 0.4em;
}
```
It may require some adjustments to positioning after you get the icon image inserted.
michaeljeans · Member · Aug 31, 2016 at 9:00 pm
Copy link
Thanks for your comprehensive reply. Had not considered the transparency option. Will experiment. Launch day today 1/9/16. (kemureti.nz is currently hidden 0900 NZST).
thesacredpath · Member · Sep 1, 2016 at 1:40 am
Copy link
Great, and let me know if you need further assistance or run into problems.
michaeljeans · Member · Sep 1, 2016 at 10:42 pm
Copy link
Thank you. Early days, but looking good.

https://kemureti.nz/

and the post header icon placement:

https://kemureti.nz/2015/04/24/town-hall-piazza-cambridge-new-zealand/

Cheers
thesacredpath · Member · Sep 2, 2016 at 7:28 am
Copy link
Definitely looking good.

No items found.