Community Forums › Forums › Archived Forums › Design Tips and Tricks › header text on magazine template
Tagged: Header Tex, Magazine Pro
- This topic has 7 replies, 2 voices, and was last updated 9 years, 8 months ago by manuelamimosa.
-
AuthorPosts
-
August 6, 2014 at 4:44 am #117311manuelamimosaMember
Hi.. I have a problem with the header of Magazine Pro Theme...
My name is too long to be writed on a single line and at the same time I can't to force my name on three lines...I also copied the snippet code to remove the right widget area on the header: I was hoping that in this way I had could write my name (manuela mimosa ravasio: the name of my site) on a single line but didn’t work..
http://www.manuelamimosa.com
I regret not being able to use all the length of the home page to write a title site… ... Can you help me with others solutions??? Thanks, Manuela (Milano)August 6, 2014 at 8:13 am #117341Ben @ Inbound CreativeMemberYour site isn't working at the moment.
Your two options are either reducing the font size or removing the widget area as you suggested.
However, simply removing the widget area will not remove the CSS that controls the spacing.
To do that, you need to change the code in your CSS file.
The two bits you need to change are:
Line 1271:
.site-header .widget-area { float: right; text-align: left; width: 728px; }
Change that to:
.site-header .widget-area { display: none; visibility: hidden; }
You then also need to change the following.
Line 1217
.site-header .title-area { float: left; padding-top: 30px; width: 380px; }
to:
.site-header .title-area { float: left; padding-top: 30px; width: 100%; }
That should allow you to achieve what you want.
Let me know if it worked.
August 6, 2014 at 8:57 am #117353manuelamimosaMemberNo.. unfortunately doesn’t work… I don’t know why..
I would like to try reducing the font size..Can I change this code in my CSS file with all size I want?
.site-title {
font-family: 'Raleway', sans-serif;
font-size: 48px;
line-height: 1;
margin-bottom: 0;
}thanks
Manuela
http://www.manuelamimosaravasio.comAugust 6, 2014 at 9:05 am #117356Ben @ Inbound CreativeMemberI checked your site's CSS. The changes I suggested haven't been saved.
I assume you mean you want the page to appear like this?
Let me know if that's the case. Otherwise, I'm happy to help show you how to change the font size. But let's do one thing at a time.
August 6, 2014 at 10:42 am #117370manuelamimosaMemberThe change haven't been saved because I've removed them when I saw that didn't work...
And yes... it's exactly what I want but if we could keep even the widget header area on the left would be perfect ... so I think for me It's better to change the font size...
August 7, 2014 at 3:05 am #117533Ben @ Inbound CreativeMemberIn order to get it down to one row, you need to reduce the font-size to 30px in the .site-title section.
However, when I did this through Inspector, it reduced the site title down significantly.
Are you only planning on having the social and search boxes in the right widget area?
August 7, 2014 at 3:38 am #117538manuelamimosaMemberYes, I would like it .... but if I had to choose it's more important to have my name to one row...
An alternative (to have social and search boxes in the right widget area) could be write my name on three rows:
manuela
mimosa
ravasio
but it's not so easy to do it...
...August 7, 2014 at 4:02 am #117540manuelamimosaMemberand (sorry)... another question... It's possible to modify the position of the title? It's possible to write my name just on to the black line? (the black line above the categories names). May be I can change the padding top/bottom??...
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.