Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1144199
    Rupok
    Member

    Hi there,

    Thanks for writing back. You can use this CSS to make them white and change font-size :

    .custom-text, .custom-text span {
      color: #fff;
      font-size: 16px;
    }

    it will be invisible since the logobar is white as well. To change the background; you can use :

    .x-logobar {
      background-color: #000;
    }

    You can use the code as you have placed within Topbar to make a clickable phone number :

    <a href="tel:+(844) 536-3476">(844) 536-3476</a>

    Cheers!

    #1147174
    TPL99
    Participant

    Thanks a lot, that really helped!

    There are two more changes I need to make though.
    -I need to make the clickable phone number link in the logobar appear white, but without changing the blue link color for the rest of the site.
    -I need to make the space between the three lines of text in the logobar less without changing the font size.

    THANKS

    #1147498
    Lely
    Moderator

    Hi There,

    To make the phone number white, please add the following custom CSS:

    span.phone-number a {
        color: white !important;
    }

    To reduce the spacing in between, please use this:

    .custom-text span {
        line-height: 19px !important; /*Adjust this accordingly*/
        display: inline-block;
    }

    Hope this helps.

    #1150644
    TPL99
    Participant

    Thanks. That worked great!

    But, what is the code I need to add so the phone number appears white in mobile view?

    Also, I have a couple somewhat-related questions:

    -Is there a way in cornerstone to override the global settings for the color of links and hover of links? For instance, on my homepage I have lots of linked text. Some of it I like to use the global settings for link/hover colors with. However, for some of it I want to change the link/hover color to different colors? How do I do this?

    -How do I change the settings for how much space is between Heading text and the next line of paragraph text? On my site they are too close together.

    THANKS, Great THEME!

    #1150660
    Rupok
    Member

    Hi there,

    You can add this to keep the phone number color white for mobile :

    @media only screen and (max-width: 767px) {
    .phone-number a[href^="tel"]{
        color:#fff;
    }
    }

    To apply CSS for particular pages; you can use the page level custom CSS from Cornerstone Settings tab.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

  • <script> jQuery(function($){ $("#no-reply-885943 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>