Moving widgets

turnaroundps · Member · Jul 31, 2015 at 3:42 pm
Copy link

Add topic to favorites
I’m using Suburbia and want to include a twitter feed at the top left of my blog. I can’t figure out how to do this without using the “Appearance editor” which isn’t available on my admin page. I have a WordPress.com premium account.

The blog I need help with is: (visible only to logged in users)
richrobinkoff · Member · Jul 31, 2015 at 6:51 pm
Copy link
Hi. You can use a the Twitter Timeline by selecting Appearance, then Widgets. Within that menu, select the Twitter Timeline widget.

You will need to create a widget ID at Twitter.com, it’s the long number found in the URL of your widget’s config page and insert that into the widget setup field for the ID.

Detailed instructions can be found at https://en.support.wordpress.com/widgets/twitter-timeline-widget/

Since you have a premium account, you can get additional support at http://support.wordpress.com/contact/
thesacredpath · Member · Jul 31, 2015 at 9:38 pm
Copy link
Hi @turnaroundps, when you get your twitter timeline widget into your footer widget area, let me know and I would be happy to help you get it moved up and into the top left of your site.
turnaroundps · Member · Aug 3, 2015 at 1:44 pm
Copy link
Thanks so much to both! Twitter widget is now located in Bottom Area Four @thesacredpath.
thesacredpath · Member · Aug 4, 2015 at 7:10 am
Copy link
Hi, and thanks. The issue is the Twitter Timeline widget is longer than the space we have in the area below the menu. You can give the following a try. I was unable to get the borderline on the size of the On The Story of a New Name post on that page. The following limits this change to the home page and archive page types (archive, category and tag).
```
.home #wrapper, .archive #wrapper {
    position: relative;
}
.home #twitter_timeline-2, .archive #twitter_timeline-2 {
    left: 0;
    padding-left: 20px;
    position: absolute;
    top: 290px;
    width: 155px;
}
.home #access, .archive #access {
    min-height: 600px;
}
```
turnaroundps · Member · Aug 4, 2015 at 8:43 am
Copy link
That’s done it, thank you so much!
turnaroundps · Member · Aug 4, 2015 at 9:25 am
Copy link
Would you also be able to assist in making the background of theturnaroundblog.com white while maintaining a grid outline, as is done here: https://dorrelledwards.wordpress.com/ ?
thesacredpath · Member · Aug 4, 2015 at 8:26 pm
Copy link
Hi, to change the background color to white, add the following CSS.
```
body.custom-background {
    background-color: #fff;
}
```
turnaroundps · Member · Aug 5, 2015 at 8:37 am
Copy link
Thank you so much! This has been a huge help to get the blog looking how we want it and also wrapping my head around some basic CSS.
thesacredpath · Member · Aug 5, 2015 at 8:11 pm
Copy link
You are welcome.
turnaroundps · Member · Aug 12, 2015 at 11:43 am
Copy link
Hi @thesacredpath, do you know if you can crop the Header Image in Suburbia to anything other than a square?

As you’ll see currently on theturnaroundblog.com, the header image includes white space around the books that removes a section of the grid outline. Ideally, the outline would extend further towards the book logo than it currently does.
thesacredpath · Member · Aug 13, 2015 at 8:39 am
Copy link
Hi there, on the image, it has a white background on it. You can recreate it with no background off of your original artwork and save it as a PNG with a transparent background and use that as your header image and the line will then extend from the edges of the books. I would make the area that is the pages section of the graphic white.

Since the issue is with the background on the image itself, there isn’t a way to fix this with CSS.
turnaroundps · Member · Aug 13, 2015 at 8:51 am
Copy link
Thank you!
thesacredpath · Member · Aug 13, 2015 at 10:08 pm
Copy link
You are welcome.
turnaroundps · Member · Aug 21, 2015 at 2:13 pm
Copy link
Hi again!

Could you tell me how to hide tags on posts? Currently they show up in the information box to the right of individual posts.
turnaroundps · Member · Aug 21, 2015 at 3:13 pm
Copy link
Also, can you see how the twitter widget and the menu clash on author profile pages? http://theturnaroundblog.com/author/turnaroundps/

Is there a way around this for pages other than the main homepage or should we just hide the author info from our posts?
thesacredpath · Member · Aug 21, 2015 at 8:46 pm
Copy link
Hi, do to the way the HTML and CSS are structured in Suburbia, I can hide the tags, but I can’t hide the commas between them, or the “and tagged” text. We can use the following CSS to hide the entire Information section with the following.
```
.meta-information {
    display: none;
}
```
On the author page, we will have to separate the .home and .archive twitter rules. First off change the CSS selector on the previous code I had given to this only
.home #twitter_timeline-2
and then add this separate rule for the “archive” style pages
```
.archive #twitter_timeline-2 {
    position: absolute;
    left: 0;
    padding-left: 20px;
    top: 545px;
    width: 170px;
}
```
turnaroundps · Member · Aug 24, 2015 at 8:32 am
Copy link
Thanks so much! I think we’ll just remove the info section and not use author pages.
thesacredpath · Member · Aug 24, 2015 at 10:46 pm
Copy link
You are welcome. If you have any further questions, let us know.

No items found.