New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Changing "New" Banner colour – independent from accent colours in rest of theme?

Viewing 15 posts - 1 through 15 (of 27 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • July 5, 2015 at 1:05 pm #191732
    MarieWorks
    Member
    Post count: 225

    Hi,

    I have tried changing the wc-new-badge (screenshot attached) colours indepedant from the theme accent colours we have set using the below css. but it does not seem to be working…
    Could someone advise on what I have done wrong?

    .woocommerce .wc-new-badge {
background: #ef3f32!important;
color: #fff!important;
}

    Many thanks

    Chris

    Attachments:
    You must be logged in to view attached files.
    July 6, 2015 at 5:45 am #191778
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issues.
    Thanks
    Mohammad

    July 6, 2015 at 9:03 am #191845
    MarieWorks
    Member
    Post count: 225

    Hi Mohammad,

    There’s not a page with the issue – but perhaps I can better explain.

    to achieve the white background / blue text shown in the previous screen shot we changed the accent colour settings to those shown in screen shot attached.

    However this has caused several issues – for example when mousing over links (like the category link below each product) – they turn WHITE on mouse over(the main accent colour)- making them invisible.

    Ideally we want to control the banner colours specifically so that we can then use the colour picker to control the rest of the colours in the theme globally – so we don’t have to set each one with css.

    Does that make sense?

    thanks

    chris

    Attachments:
    You must be logged in to view attached files.
    July 6, 2015 at 10:16 am #191869
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Where do you have this new badge? Please provide me page url with new badge.
    Thanks
    Mohammad

    July 6, 2015 at 11:16 am #191910
    MarieWorks
    Member
    Post count: 225

    Hi Mohammad,

    All the products have lost their “new badges” now – I guess this is because we finished uploading them all a couple of weeks ago now…

    Is there a way to artificially bring them back to some products unpublish/republish or something?

    Thanks

    Chris

    July 6, 2015 at 11:18 am #191911
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Try to bulk edit several products and change their timestamp.

    -Rui

    July 6, 2015 at 11:22 am #191914
    MarieWorks
    Member
    Post count: 225

    Ah thanks,

    There we go – the personalised heart mugs on our home page now have the new banner we are talking about

    thanks

    chris

    Attachments:
    You must be logged in to view attached files.
    July 6, 2015 at 11:26 am #191920
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Just provide your website url to check.
    Thanks
    Mohammad

    July 6, 2015 at 3:49 pm #192072
    MarieWorks
    Member
    Post count: 225
    This reply has been marked as private.
    July 7, 2015 at 7:17 am #192235
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    .wc-new-badge{
background: #ff0000 none repeat scroll 0% 0% !important;
color: #fff !important;
}

    Thanks
    Mohammad

    July 7, 2015 at 7:22 pm #192527
    MarieWorks
    Member
    Post count: 225

    Hi Mohammad,

    Thanks for the css but it doesn’t seem to be working correctly – it keeps getting overridden by the main accent colour settings from the colour customiser…

    Any Ideas?

    Thanks

    Chris

    July 8, 2015 at 3:09 am #192585
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please insert all custom css code at Admin -> Theme Options -> Custom CSS. Now it should work perfect.
    Thanks
    Mohammad

    July 8, 2015 at 7:47 pm #192925
    MarieWorks
    Member
    Post count: 225

    Hi Mohammad,

    Thanks for your continued help.

    I copied your css into the custom css panel in our theme options however..

    The css you provided has allowed me to overwrite the text colour – ie. the “accent alt colour” (color), however its still not letting me override the “accent colour” (background-color) …

    Any ideas why?

    Thanks

    Chris

    July 9, 2015 at 6:01 am #192994
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach screenshot to indicate the issue.
    Thanks
    Mohammad

    July 9, 2015 at 8:41 am #193028
    MarieWorks
    Member
    Post count: 225

    Hi Mohammad,

    The custom css i have in the admin panel is as below

    .wc-new-badge{
background: #ff0000 none repeat scroll 0% 0% !important;
color: #0033a0 !important;
}

    We want the background of the banner to be white #FF0000 and the text to be blue #0033a0

    As you can see in the screen shot below which also shows the current colour customiser global settings and css inspector – you can see that the current accent alt colour has been successfully overridden making the text the blue colour we wanted.

    However the background-color has not been overridden for some reason> It should be white.

    Hope that helps explain it better

    thanks
    chris

    Attachments:
    You must be logged in to view attached files.
  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 27 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register