Help in resetting additional CSS

[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.

[Tom]

Hi 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-development

[jayaprakash]

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/1z6BzdG

When 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.

[Leo]

What 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/

[jayaprakash]

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)

[Tom]

That 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-development

[jayaprakash]

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.

[Leo]

Try adding this:

.button.light:visited {
    background-color: #ffffff;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[jayaprakash]

Thanks, LEO. That solved my issue.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts