Blog title in header is not displaying correctly

  • Resolved swearbox

    (@swearbox)


    12 years, 2 months ago

    Hi,

    I’ve recently deployed a website and have so far uploaded a theme which has had minor tweaks to it to remove a featured header (mainly because I’m not sure how to edit it to my satisfaction so I turned it off in the settings that came with the theme). I’ve posted one post to the blog and that’s it. I’ve been checking the blog every day to see if Google have indexed it and today I noticed that the name of the blog as displayed at the top of the page now shows on two lines instead of one (which I don’t want it to do). Prior to today it showed on one line. I have made no changes that I can think of that would cause this.

    The site URL is https://www.thefibromyalgiadiet.com and currently when you visit the site the title looks dumb…

    The Fibromyalgia
    Diet

    Can anyone help point me where in the code I can go to try and fix this. Thx in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’ve highlighted to the right of the screenshot, the culprit CSS [screenshot].

    Try using a browser developer tool for this kind of exploratory CSS work.
    I used Google Chrome’s built-in Developer Tool just because I find it particularly easy to expose underlying HTML and CSS as compared to Firebug.

    Now that you know the style, from being exposed/added by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme’s files. Changes to the theme’s files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    Thread Starter swearbox

    (@swearbox)

    Hi Andrew and thanks for the very prompt reply – most impressed ??

    Having said that I have to tell you that I’m not a developer and while I’m happy to hack around to try and fix this I need you to tell me in terms that I can better understand how to affect a fix. I’m assuming from your screenshot that the problem lies with a max width of 320 px being to blame…am I warm? If that’s the case then how do I go about changing that value. For info I have the Jetpack plugin already installed.

    Thread Starter swearbox

    (@swearbox)

    OK…for now I’ve edited the style.css file…I altered the width to 500px and now my page title is showing how I want it to. Thanks for pointing me in the right direction…I’m new to all of this coding stuff…I don’t really want to be messing around with it if I can get away with it. If you have anything to add then please go ahead. I’ll give it a day then if there’s nothing by way of a reply I’ll mark the topic as resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blog title in header is not displaying correctly’ is closed to new replies.