New Landing How can we help? Themeforest Theme Support Flexform color customizer > color-body > link text changes side navigation menu text colo

Viewing 15 posts - 1 through 15 (of 28 total)
  • Posted in: Flexform
  • #20316
    Bitedge
    Member
    Post count: 345

    Hi guys,

    When I set the color customizer > color-body > link text to blue it works and looks good but it also makes the text in the side navigation menu (it might technically be a widget) blue which does not look good (the top navigation bar stays black). How can I make the side navigation bar stay black but the links in the body text go blue?

    Thanks

    #20406
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Can you show us the link of the site, and probably which widget. I can help you to adjust the color of it.

    Thanks,
    laranz.

    #20408
    Bitedge
    Member
    Post count: 345

    See screenshot attached

    #20551
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Yes that will change all the body link color, the widget is also inside the body, so it will eventually change.

    Put this in Custom CSS to change the page link color, by leaving the widget link color

    .page a 
    {
    color: blue !important;
    }
    

    Let me know, what you got.

    Thanks,
    laranz.

    #20559
    Bitedge
    Member
    Post count: 345

    No good, Even with the color customizer > color-body > link text to black that now makes the links in the text blue like I want, the links in the side navigation menu widget blue which I don’t want and was happening before AND the links in the top navigation bar blue which I don’t want and was not happening before.

    #20578
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Simply which link you wanna change?

    Thanks,
    laranz.

    #20583
    Bitedge
    Member
    Post count: 345

    Just the links in the content. In the body text

    #20593
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Put this in the Custom CSS.

    .page a , .post a
    {
    color: blue !important;
    }

    change the blue color to your fav color name or hex value.

    Let me know, what you got.

    Thanks,
    laranz.

    #20594
    Bitedge
    Member
    Post count: 345

    Same result, see screen shot

    #20598
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    Sorry for the mess up. Can you try this now?

    .page-content a
    {
    color: blue !important;
    }

    Thanks,
    laranz.

    #20610
    Bitedge
    Member
    Post count: 345

    That seems to work, thanks. One last thing. How can we make the text links in buttons in the content area stay black like they were before? For example the buttons in this page

    http://australian-sports-betting-guide.com.au/overround-and-probability-calculator/

    Looked better when the text was black.

    If there is no code that can do that for the whole website how can I do it for individual buttons for example the code from one of those buttons is

    [button colour="green" type="slightlyroundedarrow" size="small" link="http://australian-sports-betting-guide.com.au/understand-odds-as-probability-with-overround/" target="_self"]Understand Odds as Probability with Overround[/button]

    What would it be if I want to text to be black instead of blue?

    Cheers

    #20738
    Cosmin – SUPPORT
    Member
    Post count: 3851

    You can add this custom CSS to turn them back to black:

    .sf-button > span {
        color: #000000;
    }

    Regards,
    ————————————————————————————————————

    Cosmin – Support

    #20872
    Bitedge
    Member
    Post count: 345

    Thanks guys,

    How can I set a button to be a color other than those in the default drop down menu?

    I tryed changing

    [button colour="green" type="slightlyroundedarrow" size="small" link="http://" target="_self"]Test[/button]

    to

    [button colour="#FFF6BA" type="slightlyroundedarrow" size="small" link="http://" target="_self"]Test[/button]

    and without the # but it came up blank.

    #21018
    laranz – SUPPORT
    Member
    Post count: 3186

    Hi,

    You can try something like this.

    [button colour="newcolorButton" type="slightlyroundedarrow" size="small" link="http://" target="_self"]Test[/button]

    and then put this in Custom CSS.

    a.sf-button.newcolorButton
    {
    background-color: #FFF6BA;
    }
    

    Let me know, what you got.

    Thanks,
    laranz.

    #21106
    Bitedge
    Member
    Post count: 345

    That works! except for one thing jejeje. That is a light color but the button has an arrow that you can not see because its white. How do we make the arrow black like the text is?

    Thanks

Viewing 15 posts - 1 through 15 (of 28 total)

You must be logged in to reply to this topic.