- This topic has 9 replies, 3 voices, and was last updated 11 months, 2 weeks ago by
Leo.
-
AuthorPosts
-
April 24, 2020 at 12:27 pm #1254080
jayaprakash
Hey!
So, I just set up the marketer theme from your site library.
I changed a few colors in the additional CSS section and ended up deleting the button CSS.
Now my featured widget in the sidebar doesn’t have a button.
Can I get the default additional CSS that goes in for the Marketer theme?
Also, I want to add back the button class in the link of my first widget in the sidebar section.
Sorry for messing up the CSS.
April 24, 2020 at 4:48 pm #1254341Tom
Lead DeveloperLead DeveloperHi there,
As of today, this is the Marketer CSS:
.inside-article, .sidebar .widget, .comments-area { border: 1px solid rgba(232, 234, 237, 1); box-shadow: 0 0 10px rgba(232, 234, 237, 0.5); } /* Featured widget */ .sidebar .widget:first-child { background-color: #e86000; color: #fff; } .sidebar .widget:first-child .widget-title, .sidebar .widget:first-child a:not(.button) { color: #fff; } .sidebar .widget li { margin-bottom: 15px; } .button.light { background: #fff; color: #000; } .button.light:hover { background: #fafafa; color: #222; } .separate-containers .page-header { background: transparent; padding: 20px 0; } .page-header h1 { font-size: 30px; } @media (max-width: 768px) { .post-image img { max-width: 100%; } }
Hope this helps π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 25, 2020 at 4:57 am #1254821jayaprakash
Hey!
Thanks, Tom for the quick help.
I did add the additional CSS back in the customizer but the button seems to flash in the backend and also when browsed on mobile devices.
Please find the link to the images.
https://ibb.co/C2XzbL6
https://ibb.co/1z6BzdGWhen hovering the white button appears other times it’s not visible.
Any reason why it is doing that. I have deactivated all the other plugins except for the ones Genratepress imported.
April 25, 2020 at 9:01 am #1255225Leo
StaffCustomer SupportWhat is your button background color set under Colors > Buttons?
Is it
#302b63
?What if you switch to another color?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 25, 2020 at 10:44 am #1255355jayaprakash
So I tried changing it from #302b63 and things worked but I want the purple color for all my other buttons on the blog.
Can’t I force white background color only for the button in the featured widget?
Because I don’t have a problem with hover cover (White works there)
April 25, 2020 at 5:36 pm #1255734Tom
Lead DeveloperLead DeveloperThat button should be colored white, as you can see in the CSS here:
.button.light { background: #fff; color: #000; } .button.light:hover { background: #fafafa; color: #222; }
It looks white on your website right now? If you want to change it, you can find the CSS above and tweak the colors.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 25, 2020 at 11:27 pm #1255940jayaprakash
Hey Tom!
I have set the background color to #fff which is white.
But that isn’t my problem.
In the backend, while I’m editing it still shows purple.
Please check this image: https://ibb.co/DRg8n6Z
It’s a hit or a miss when I browse my blog on incognito.
Please check.
April 26, 2020 at 9:19 am #1256594Leo
StaffCustomer SupportTry adding this:
.button.light:visited { background-color: #ffffff; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/April 26, 2020 at 10:09 am #1256675jayaprakash
Thanks, LEO. That solved my issue.
April 26, 2020 at 10:31 am #1256716Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.