Change color button “Continue Reading”

  • lindanl

    (@lindanl)


    4 years, 1 month ago

    Hi!

    I am using “Attire Blog” theme. I have been searching a lot, but I cannot find the option to change the purple color of “Continue Reading” button, below the blog posts at the front page. Is there a CSS code I can use to change it?

    Thank you so much!

    Kind regards,
    Linda

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Shafaet Alam

    (@shafayat-alam)

    4 years, 1 month ago

    Hi Linda,
    Thank you for choosing Attire.
    Here’s how you change the color of the continue reading button.

    Copy this code segment:

    .btn.btn-primary{
	background:<Color of your choice>!important;
	border:<Color of your choice>!important;
}
.btn.btn-primary:hover{
	background:<Color of your choice>!important;
}

    You have to paste this code in the Additional CSS section of the theme customizer.

    Image for reference –> https://prnt.sc/thZH7_T_mi6o

    Hope this helps.

    Kind Regards,
    Shafayat

    • This reply was modified 4 years, 1 month ago by Shafaet Alam.
    Thread Starter lindanl

    (@lindanl)

    4 years, 1 month ago

    Thank you so much, it worked!

    And sorry another thing I’d like to change: the background color of a post/page and of the sidebar on the right (the background there is entirely white, while the background of the website is slightly less whte and I prefer the less white version)

    Theme Author Shafaet Alam

    (@shafayat-alam)

    4 years, 1 month ago

    Glad I could be of help.
    To change the sidebar background color copy-paste the code below in the Addition CSS section.

    .sidebar .widget{
	background:<Color of your choice>!important;
}
    Thread Starter lindanl

    (@lindanl)

    4 years, 1 month ago

    Thanks! It works for the sidebar, but how can I change it for the background of a post and page?

    Theme Author Shafaet Alam

    (@shafayat-alam)

    4 years, 1 month ago

    This should do the trick

    .attire-post-and-comments .single-post,.attire-post-and-comments .single-page{
	background:<Color of your choice>!important;
}

    Let me know if it doesn’t. I’ll try to find another way.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Change color button “Continue Reading”’ is closed to new replies.