Adding gaps and highlighting colour on Widget text

Discussion in 'Cloriato WordPress Theme' started by jamsog, Jun 3, 2013.

Thread Status:
Not open for further replies.
  1. jamsog

    jamsog Member

    Joined:
    Aug 23, 2012
    Messages:
    133
    Likes Received:
    0
    can anyone guide me as to how we add gaps and highlight with different colour of text as per image attached?

    thank you
     

    Attached Files:

  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Go to the Appearance > Widget panel and paste the text as given below, in the text widget of First Footer Widget Area.
    Code:
    <p>At SEE-IT-3D we always offer our clients a great opportunity to find the precise and cost effective 3D software and hardware solution for business. Our  new Online webstore is live! View our current sales offers. Subscribe to our store and benefit.</p>
    <span class="sep-text">Online Store-Click SEE-IT-3D-Webstore</span>
    See the image for the reference
    [​IMG]

    Now,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    span.sep-text {
    color: yellow;
    font-weight: bold;
    }
    .footer-content p {
    margin-bottom: 40px;
    }
    This will solve your issue.
     
  3. jamsog

    jamsog Member

    Joined:
    Aug 23, 2012
    Messages:
    133
    Likes Received:
    0
    Yes good but how do i now make the yellow link hyperlinked to our westore thanks
     
  4. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    To achieve this add hyper link tag in your text.

    For example

    Code:
    <a href="Enter your link address">Enter your text</a>
     
  5. jamsog

    jamsog Member

    Joined:
    Aug 23, 2012
    Messages:
    133
    Likes Received:
    0
    thannks
     
Thread Status:
Not open for further replies.

Share This Page