• The line-height between my Title and Tagline was the same on all pages (18px) then for no apparent reason, the tagline on each page but the Home page went to nothing and I don’t know how to fix it. I changed the color and line-height originally in the style.css (header section) and am using Atmosphere 2010 theme: https://heidivanlandingham.com/

    Any help would be very appreciated – I know enough to get myself in trouble, which I’ve evidently done already.

    Thanks!

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When changes occur to your website, “for no apparent reason”, one cause could be a conflicting plugin. Have you tried disabling plugins?

    Thread Starter heidiv2

    (@heidiv2)

    The only plugin I’m running is the WP backup to Dropbox. I did, however, deactivate it to check but it didn’t change anything.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the pages with the problem, your site title is no longer in a <h1> heading, but a <div>. Resolve this back to <h1>.

    Thread Starter heidiv2

    (@heidiv2)

    Okay…how? This is the only thing I found to change regarding the header:

    /* =Header
    -------------------------------------------------------------- */
    
    #site-title {
    	float:center;
    	font-size: 36px;
    	line-height: 18px;
    	font-family: 'Open Baskerville', ModernAntiqua, Gentium, 'Old Standard', serif;
    	font-style: italic;
    	font-weight: bold;
    	letter-spacing:-1px;
    	padding-top:1px;
    	padding-left: 175px;
    	width:500px;
    }
    
    #site-title a:link, #header a:visited {
    	color: #000000;
    	text-decoration: none;
    }
    #site-title a:hover { color: #6BA2DB; }
    
    #site-description {
    	clear: both;
    	float: left;
    	color:#000000;
    	font-size: 18px;
    	font-family: ModernAntiqua, 'Open Baskerville', Gentium, 'Old Standard', serif;
    	margin:0 0 0 300px;
    	width:310px;
    }

    [please mark any posted code – see https://codex.www.ads-software.com/Forum_Welcome#Posting_Code – there is actually no need to post any css as this is accessible from the link to your site]

    What and where are ‘divs’?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you familiar with HTML?

    somebody added invalid code into style.css:

    /* =Reset default browser CSS. Based on work by Eric Meyer: https://meyerweb.com/eric/tools/css/reset/index.html
    -------------------------------------------------------------- */
    <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/modernantiqua" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/old-standard" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/open-baskerville" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" media="screen" href="https://openfontlibrary.org/face/gentium" rel="stylesheet" type="text/css"/>
    html, body, div, span, applet, object, iframe,

    all these <link ..> codes need to be removed again.

    then add for instance margin-bottom: 20px; to the style of #site-title

    btw: the change from h1 to div is a design feature of Twenty Ten on which this theme is based.

    Thread Starter heidiv2

    (@heidiv2)

    The code was what I was told to do to add the different font style instead of the plain Verbena, etc. styles. I wanted something a little fancier but would still be readable with older systems. If I have to remove them, where do I change the font because nothing worked before?

    So by adding a bottom margin to the title, it lowers the line height between the title and the tagline?

    I knew the theme was based on Twenty Ten but a lot of the themes seem to have ‘div’ in their coding. I can follow good directions and have an idea about css and html but not enough to rewrite anything without help.

    The code was what I was told to do to add the different font style instead of the plain Verbena, etc. styles

    he code belongs into header.php, somewhere after the other <link ...styleheet ...> codes, before </head>.

    So by adding a bottom margin to the title, it lowers the line height between the title and the tagline?

    yes; just edit the #site-title style as suggested.

    a lot of the themes seem to have ‘div’ in their coding.

    that is absolutely fine as it is – no need to change anything there.

    Thread Starter heidiv2

    (@heidiv2)

    It works! Thank you for your help. If you don’t mind, I have another question about font sizing. Right now, I am using the paragraph-header sizing in the text box on the edit page and it’s a pain. How do I manipulate text sizing for the main content box as well as something like the page menu on the sidebar? I don’t want to mess anything up again.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Tagline wrong on all pages but Home page’ is closed to new replies.