Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1863216
Menu // add a badge
Closed

Comments

  • otivor started the conversation
    January 21, 2019 at 5:05pm

    Hello! 
    The Link www.m-i-t.de/alt is the old homepage of my customer. Like on his old page, he would like to have a badge on the right side with a custom color and text. 

    I looked through the documentation and your articles, but didn't find anything similar. It shouldn't be a CTA Button. 

    Thank you very much.

    Alessandro 

  •  7,095
    Oliver replied
    January 22, 2019 at 8:33am

    Hi,

    Sorry can you add few screenshots what you need to achieve in the end?

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • otivor replied
    January 23, 2019 at 12:25pm

    Thank you for your fast response. 

    Sure, I can! Here is the screenshot. I was talking about the green badge on the right side. 

    Thank you! 

    Alessandro

  •  7,095
    Oliver replied
    January 23, 2019 at 1:28pm

    Hi,

    It's on the image:

    http://www.m-i-t.de/alt/images/header_mit_flaggen.png?crc=3986131322

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • otivor replied
    January 23, 2019 at 1:51pm

    Hi. 

    yes. that s the old website. I would like to know, how to do this in the new version, using THEGEM Wordpress Theme. 

    Thank you.

    Alessandro

  •  7,095
    Oliver replied
    January 23, 2019 at 1:55pm

    Pls. give me link to your site.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   otivor replied privately
  •  7,095
    Oliver replied
    January 23, 2019 at 2:13pm

    HI!

    code example:

    @media (min-width: 1212px) {
div#site-header-wrapper:before {
    content: 'since';
    position: absolute;
    right: 100px;
    background-color: #000;
    padding: 20px;
    font-size: 20px;
    padding-bottom: 0;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    width: 104px;
    text-align: center;
}
div#site-header-wrapper:after {
    content: '2008';
    position: absolute;
    right: 100px;
    background-color: #000;
    padding: 20px;
    font-size: 20px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    top: 45px;
    padding-top: 10px;
    padding-bottom: 20px;
    width: 104px;
    text-align: center;
}
}

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • otivor replied
    January 24, 2019 at 12:50am

    Lovely! 
    thank you very much for your great support! 

  •   Oliver replied privately
  •   otivor replied privately
  •  7,095
    Oliver replied
    January 24, 2019 at 9:10am

    Thank you so much!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver