Alfa1

Customer
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
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;
}
 

Alfa1

Customer
A span already exists within the logo text. (you added this to lower the second part of the site name)
 

Russ

Pixel Exit Staff
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;
}
 

Alfa1

Customer
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.