Moving widgets

  • Author
    Posts
  • #2438822

    turnaroundps
    Member

    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 theturnaroundblog.com.

    #2438952

    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/

    #2439038

    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.

    #2439081

    turnaroundps
    Member

    Thanks so much to both! Twitter widget is now located in Bottom Area Four @thesacredpath.

    #2439097

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

    #2439098

    turnaroundps
    Member

    That’s done it, thank you so much!

    #2439099

    turnaroundps
    Member

    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/ ?

    #2439112

    Hi, to change the background color to white, add the following CSS.

    body.custom-background {
        background-color: #fff;
    }

    #2439113

    turnaroundps
    Member

    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.

    #2439114

    You are welcome.

    #2439115

    turnaroundps
    Member

    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.

    #2439116

    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.

    #2439117

    turnaroundps
    Member

    Thank you!

    #2439118

    You are welcome.

    #2439121

    turnaroundps
    Member

    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.

    #2439122

    turnaroundps
    Member

    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?

    #2439123

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

    #2439124

    turnaroundps
    Member

    Thanks so much! I think we’ll just remove the info section and not use author pages.

    #2439125

    You are welcome. If you have any further questions, let us know.

The topic ‘Moving widgets’ is closed to new replies.