Foundation tagline CSS

[Art Hill]

I am having an issue that sounds similar to a previous post: https://support.organizedthemes.com/forums/topic/tagline-font-size-problem/. Here is my current tagline CSS.

#tagline {
	float: right;
	display: inline;
	margin-top: 45px;
	margin-bottom: 10px;
}

#tagline h2, 
#tagline p {
	font-size: 30px;
	margin-bottom: 0;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2;
	text-transform: uppercase;
}

I have tried changing the font size to extreme sizes–60px, 100px–but nothing will take; the font is unchanged. What am I missing?

Attachments:

1. 

   Screen-Shot-2015-06-23-at-1.13.42-PM.png
   

[Bill Robbins]

Hello Art,

Sorry for the trouble there. I’d be glad to take a look for you to see what’s happening. Could you send over the URL to your site?

Thanks,
Bill

[Art Hill]

Hi Bill,

The site is currently in development in MAMP on my local computer, so I don’t have the page readily available. I could send over the code, or I could send you the link when it is published. I was hoping to make this font update before publishing, but it’s not make or break. We are planning to publish later this week.

The domain that we will be using is burrisalumni.org.

[Bill Robbins]

Good Afternoon Art,

Local development is a great way to go. No worries there. I would typically have expected the snippet you pasted in above to change the font size. Let’s try adding an !important tag next and see if that does the trick.

#tagline h2, 
#tagline p {
	font-size: 20px !important;
}

Let me know if that doesn’t change the size for you.

Have a great week,
Bill

[Art Hill]

That did the trick. Thank you!

[Bill Robbins]

That’s great news. Let me know if you need anything else Art.

[Author]

Posts