Change background color of Home Page (Bottom Tagline Feature) Button?

Discussion in 'RoadFighter WordPress Theme' started by gloryous, Jun 24, 2017.

  1. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Greetings!

    The Home Page Bottom Tagline Feature offers a button with a default reddish color.

    upload_2017-6-24_9-36-33.png

    Is it possible to specify an exact color for that button? i.e., #8c1919

    Thank you!
    Glory
     
  2. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Greetings from InkThemes,

    To the color of the homepage bottom tagline, just paste the code given below in Custom CSS section.
    (Dashboard->Inkthemes->Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    @media (min-width: 750px){
    div.bottom_tagline_button {
        background-color: #8c1919;
    }
    }
    .bottom_tagline .bottom_tagline_button a {
        background: transparent;
    }
    Hope this helps...!

    Thanks & Regards!
    Akbar
    InkThemes.com
     
  3. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    Greetings, Akbar!

    Love the color. [It's perfect!] But there are two strange things going on:

    1. the word "GALLERY" is now off-center within the button:
    2017-07-02_1115.png

    Is there a way to get the word "GALLERY" centered ... like this?

    2017-06-24_0930.png

    AND

    2. when hovering over the new red button, the previous round-cornered button (in other red) shows up and pulses. How to make this not appear and not happen?

    Thank you!
    Glory
     
  4. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Hi,

    Greeting from InkThemes,

    We need WordPress admin credentials to figure out the issue.
    Kindly send the below-mentioned credential details at [email protected] along with the thread link.

    WordPress Website URL: -
    WordPress Username: -
    WordPress Password: -

    We will try to fix your issue.

    Regards,
    Akbar
    InkThemes.com
     
  5. gloryous

    gloryous Member

    Joined:
    May 25, 2012
    Messages:
    223
    Likes Received:
    8
    I've found the solution. For anyone else interested, here is the code that worked.

    For rounded red button on bottom of Home page:

    .bottom_tagline .bottom_tagline_button a {
    background: #8c1919;
    border-radius: 10px;
    }
    .bottom_tagline .bottom_tagline_button a:hover {
    background: #5e5e5e;
    border-radius: 10px;
    }
     
  6. akbar92

    akbar92 Support Staff Staff Member

    Joined:
    Jun 3, 2017
    Messages:
    2,318
    Likes Received:
    49
    Glad to hear that...
     

Share This Page