[Resolved] Help in resetting additional CSS

Home Forums Support Help in resetting additional CSS

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.

    #1254341
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1254821
    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.

    #1255225
    Leo
    Staff
    Customer Support

    What is your button background color set under Colors > Buttons?

    Is it #302b63?

    What if you switch to another color?

    #1255355
    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)

    #1255734
    Tom
    Lead Developer
    Lead Developer

    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.

    #1255940
    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.

    #1256594
    Leo
    Staff
    Customer Support

    Try adding this:

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

    Thanks, LEO. That solved my issue.

    #1256716
    Leo
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.