|
Matt & Cindra McCoy
|
September 14, 2015 at 11:04 am
Hi,
I just noticed that things are looking differently in different browsers. I was wondering if there was a way to minimize this. For example, if you look at the link below on firefox…each event heading within the box is being pushed onto a second line.
http://www.artnook.org/art-classes/seasonal-camps-classes/summer-camp-classes/
Please help.
-Cindra
|
|
Lorenzo Orlando Caum
|
September 14, 2015 at 2:03 pm
Hi Cindra,
Different web browsers use different rendering engines so there will be some slight variations.
Next, the length of the title determines if the title will be pushed onto a second line.
The size of the title is currently set to 24px which is an override from your theme which has it set to 51px. You could further reduce the size of the font for the h4 heading to move some titles onto one line. However, this won’t work for events that have longer titles and you’ll end up with small headings.
Testing in Firefox and Safari shows that you would need a font-size of about 18px for it to show all on one line:
http://cl.ly/image/3B1U3z3x1A1C
You can make this change through My Custom CSS.
Change this:
/* Adjust heading size */
.event-header h4.entry-title, .event-header h1.entry-title {
font-size: 24px;
font-family: 'Palatino Linotype';
display: block;
font-style: normal;
font-weight: 400;
letter-spacing: 4px;
line-height: 1.5;
text-transform: uppercase;
}
to this:
/* Adjust heading size */
.event-header h4.entry-title, .event-header h1.entry-title {
font-size: 18px;
font-family: 'Palatino Linotype';
display: block;
font-style: normal;
font-weight: 400;
letter-spacing: 4px;
line-height: 1.5;
text-transform: uppercase;
}
The above would change this heading size for all events.
—
Lorenzo
|
