Add Text of Image to Top Bar

Discussion in 'BlackWell-WordPress Business Theme.' started by vesity, Aug 26, 2014.

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

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Hi. How do I add text or image to top bar, opposite contact number? Screen shot imaged attached.
    Thanks!
     

    Attached Files:

  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Make paragraph or div in header.php file as shown below in screenshot.
    Code:
    <p class="top_message">Type Your Text Here or Add Image Here</p>
    Apply Some CSS on it.
    Code:
    .top_message{
    float: left;
    padding-top: 14px;
    margin-left: 25px;
    }
    That will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     

    Attached Files:

  3. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Thanks, it worked perfectly! Now how do I enlarge the font, or change it?
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    You can change to font size by apply CSS code as following.
    Code:
    .top_message{
    font-size: desired size;
    }
    That will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  5. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Where do I put it? I applied it to the Custom CSS within the Styling Options tab, but it made no change there. (I tried several different font sizes, 4, 12, 18, etc.)
    I did it like this...

    .top_message{
    font-size:18;
    }
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    p.top_message {
    font-size: 25px;
    }
    Thanks & Regards
    Pramod
     
  7. vesity

    vesity Member

    Joined:
    Oct 3, 2013
    Messages:
    241
    Likes Received:
    0
    Perfect - thanks!
     
Thread Status:
Not open for further replies.

Share This Page