Add a text to top header left side and right side.

Discussion in 'ButterBelly WordPress Theme' started by designstouch, Aug 9, 2015.

  1. designstouch

    designstouch Member

    Joined:
    Feb 23, 2013
    Messages:
    133
    Likes Received:
    2
    Hi Support Team,

    How can I add a text to the top header left side and right side, which I prefer not to display in mobile view. Attached you will find screen shot with the home page changes explanation.

    URL: http://1e4.248.myftpupload.com/

    Thank you,
     

    Attached Files:

  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    Please follow the screenshot given below.
    butterbelly_add_custom_text_in_logo-left_area.png

    PHP:
    <div class="my-custom-left-text">
      
    Write you text here...
    </
    div>
    Now, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .my-custom-left-text {
        float: left;
    }
    Note:- For your information, I am using "WP-Editor" plugin to edit files.
    You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

    After activating this plugin, you will get the same screen as shown in the screenshot.

    Regards!
    Praveen
    InkThemes.com
     
  3. designstouch

    designstouch Member

    Joined:
    Feb 23, 2013
    Messages:
    133
    Likes Received:
    2
    Hi Parveen,

    Need help. Below you will find the CSS I have applied. Logo potion changed (not in center) How can I change the font to look same as text on top right? (phone number)

    In the mobile view the top right text and the top left text is overlapping the logo. How can we fix this issue?

    URL: http://1e4.248.myftpupload.com/

    .my-custom-left-text {
    float: left;
    margin-top: 30px;
    font-weight:bold;
    font-size:19px;
    color: #1f4399;
    }

    Many Thanks!
     
  4. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi,

    It requires some customization and custom CSS code.
    So, send us your website WordPress login details at [email protected] along with the thread link.

    We will customize it for you :)

    Regards!
    Praveen
    InkThemes.com
     
  5. designstouch

    designstouch Member

    Joined:
    Feb 23, 2013
    Messages:
    133
    Likes Received:
    2
    Hi Parveen,

    Email sent with the requested info.

    If we can solve the problem that would be great, otherwise how about just make the top left and right header content not display in tablet and smartphone view?

    Thank you for the awesome support.
     

Share This Page