#1
I would like to have a byline / subtitle below my logo to denote what the site is all about.

I have added a few words with smaller font size to the text logo, but that displays to the right of it and is not quite what I need. </br> doesnt work as a new line will not be displayed. Adding text to the logo block template doesnt seem to work either.
Do you have any suggestions for this?
 

Russ

Pixel Exit Staff
#2
Add your slogan in a span tag:

Code:
XenBase<span>Slogan can go here</span>
Then add to your extra.less:

Code:
.p-header-logo--textlogo span {
    display: block;
    font-size: 16px;
    color: #CCC;
}
 

Russ

Pixel Exit Staff
#4
Sorry Alfa, helps to pay attention to 1.x or 2.x :)
This would be a pure css version of it:

Code:
.XenBase #logo {
    height: auto;
    line-height: 1;
    padding: 10px 0;
}
#logo a:after {
    content: "Slogan goes here";
    display: block;
    font-size: 14px;
    margin-top: 5px;
    color: #CCC;
}
 
#5
I really like the result!!

I needed to make a few changes :

Code:
.XenBase #logo {
    height: auto;
    line-height: 1;
    padding: 10px 0;
}
#logo a:after {
    content: "Slogan Here";
    display: block;
    font-size: 12px;
    margin-top: 10px;
    margin-left: 9px;
}
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.