Gather theme: moving logo and adding text

superucomms · Member · May 18, 2016 at 12:21 am
Copy link

Add topic to favorites
Hi
I am trying out the Gather theme before I purchase it.

I was wondering if I am able to move the logo to be aligned to the right instead of the left?

Also, is there a way to add a couple of sentences about the blog under the site title?

Thanks

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 18, 2016 at 1:49 am
Copy link
Hi there, on Gather, this would right-align the site title.
```
.site-title {
    text-align: right;
}
```
Gather does not display a tagline, but we can use a pseudo selector to add text below the site title. This would be an example.
```
.site-title:after {
    display: block;
    content: "This is some content";
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    margin-top: 10px;
    color: #000;
}
```
superucomms · Member · May 18, 2016 at 1:52 am
Copy link
Thanks. However I wanted to move the logo to the right, instead of the title. Is that possible?
superucomms · Member · May 18, 2016 at 1:54 am
Copy link
Also how can I make the text below the site title not caps and unbolded? Thanks for your help
thesacredpath · Member · May 18, 2016 at 4:33 am
Copy link
Yes, the logo can be moved.
```
.site-branding .col-width {
    text-align: right;
}
```
thesacredpath · Member · May 18, 2016 at 4:38 am
Copy link
You know, actually you don’t need to use the code I have to add text after the title. You can set a tagline at Settings > General and it will appear below the title and is not in all caps.

If you wished to use the code I gave to add text, you would add a text-transform: none; declaration, like this.
```
.site-title:after {
    display: block;
    content: "This is some content";
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    margin-top: 10px;
    color: #000;
    text-transform: none;
}
```
superucomms · Member · May 18, 2016 at 7:24 pm
Copy link
Thank you. However aligning the logo to the left made the site title and the text below the title move to the left too. Is there a way to only have the logo aligned to the left and the site title and text under it remain right aligned?
thesacredpath · Member · May 18, 2016 at 7:38 pm
Copy link
Not being able to see your site and be able to see the nature of your image, the length of your site title, what text you are adding below that site title means I’m a little in the dark, so all of this is guesswork on my part. This will float the logo to the right and keep the site title and tagline on the left, but there will be issues with this on smaller screens and since I can’t see your site, I don’t know what will be required in order to make things work smoothly on all screens/devices/window widths.
```
.site-logo-link {
    position: absolute;
    right: 0;
}
.site-branding .col-width {
    position: relative;
}
```
superucomms · Member · May 18, 2016 at 7:44 pm
Copy link
Thanks. That worked however the logo was above the site title and now has moved down and overlaps the title. Can I align move it back above the site title? Sorry I know it’s hard when you can’t see my site but I haven’t purchased the theme yet so I’m just making sure it can do everything I need before I do.
thesacredpath · Member · May 18, 2016 at 7:51 pm
Copy link
It’s very difficult to know what you really want on all this.
```
.site-logo-link {
    float: right;
}
```
superucomms · Member · May 18, 2016 at 7:52 pm
Copy link
Yes that is perfect. Thanks for your help!
thesacredpath · Member · May 18, 2016 at 8:40 pm
Copy link
Awesome, and you are welcome.

No items found.