space between title and tagling

afink01 · 2018-12-24 01:05:37

Thanks. It's working for now, so I am happy. One other question: In the Masthead, is there a way to control the space between the Title (which I have set to 36 font) and the tagline (which is set to 14 font)? I'd like to maintain the text sizes but bring the tagline closer to the title. Thanks

(Split to new topic by moderator)

rod barbee · 2018-12-24 01:15:55

Custom css

This looks to be the css controlling that space:

.masthead-primary .site__tagline {
    font-size: 1rem;
    margin-top: 12px;
    text-transform: none;
}

So in your custom css add this:

.masthead-primary .site__tagline {
    margin-top: 8px;
   }

set the top-margin value to whatever works for you.

afink01 · 2018-12-24 01:27:07

Now you have exposed my ignorance...for which I apologize. Where do I access custom css in Backlight (he asked humbly)?

rod barbee · 2018-12-24 01:41:38

http://backlight.theturninggate.net/doc … tylesheets

afink01 · 2018-12-24 01:57:29

OK. So I created a new css file in the appropriate folder with the following text:

.masthead-primary .site__tagline {
font-size: 1rem;
margin-top: 8px;
text-transform: none;
}

I may have misunderstood your directions, but the text above didn't change the space between title and tagline; it merely made the tagline larger and bolder?

Aaron

rod barbee · 2018-12-24 02:09:39

Can you post a link to your site?

afink01 · 2018-12-24 02:11:23

http://testsite.finksphotos.com/

rod barbee · 2018-12-24 02:39:42

the reason that the text got larger is because of this: font-size: 1rem;
Including that, you actually changed what your site already had set. In custom css, it's best to change only what you need to change, that's why I didn't include the font-size in the code I posted.

That being said, it doesn't look like margin-top is doing anything at all. Probably because we can't apply to or bottom margin to span elements. (I just googled that)

But your masthead looks different than what I have on my test page. Yours has a <br> that's adding space between the Title and Tagline
I can't seem to duplicate that.

If that's something you added, then try getting rid of it.

Otherwise, you can try this in your custom css instead of the other code.

.masthead-primary h1  {
	line-height: .7
}

and adjust as needed.

I'm not sure that's the best way of handling it, but it's all I can come up with at the moment.

afink01 · 2018-12-24 02:47:28

Thanks. That resulted in the change I wanted.

I know nothing about the <br> in the masthead. All of the changes have been effected using Backlight 2 Designer.

Let me know if I can forward anything to help you figure out the <br> issue.

Thanks again and happy holidays

rod barbee · 2018-12-24 02:54:31

It might just be the configuration you're using for the masthead (in the header, in the main column). I haven't tested both configurations.

Community @ The Turning Gate

#1 2018-12-24 01:05:37

space between title and tagling

#2 2018-12-24 01:15:55

Re: space between title and tagling

#3 2018-12-24 01:27:07

Re: space between title and tagling

#4 2018-12-24 01:41:38

Re: space between title and tagling

#5 2018-12-24 01:57:29

Re: space between title and tagling

#6 2018-12-24 02:09:39

Re: space between title and tagling

#7 2018-12-24 02:11:23

Re: space between title and tagling

#8 2018-12-24 02:39:42

Re: space between title and tagling

#9 2018-12-24 02:47:28

Re: space between title and tagling

#10 2018-12-24 02:54:31

Re: space between title and tagling

Board footer