Remove avatar "lane", widen post text area

  • Halo Diehard

    (@halo-diehard)


    11 years, 10 months ago

    Hello 🙂 I have been tweaking with the theme on my new site for a few weeks now, and am becoming more familiar with how to make changes to suit my liking. However, there is one change that I haven’t found when I search the net and am hoping for some guidance.

    I’ve removed author avatars from page, post and category views, and it’s not happening on my home page, but post and category views have a lane where the text won’t go in the area where the avatar used to be. This “lane of blank” causes my youtube videos to have to be resized, as well as many images. On the home page, an image can be 500px, on the other pages I have to make them more like 380px.

    Can someone please tell me the files I would go into to change this? I think if I were pointed in the right direction I might be able to figure the rest out. Then again, I don’t even know what this area is called :/ am I referring to the container, or does that also encompass the sidebars?

    Signed, still learning 😀

    Thanks for any help in advance.

    PS: here is my web address: http://www.halodiehards.net Check out the home page, then choose a link w/ text and check out how much smaller the center text area gets :/

Viewing 15 replies - 16 through 30 (of 34 total)
1 2 3
  • Full Circle

    (@jcircle_fcws)

    11 years, 10 months ago

    In one of the above posts I gave some css for just the blog page and single page. This might be the better option for you as it will leave “pages” alone and only affect “posts”

    Thread Starter Halo Diehard

    (@halo-diehard)

    11 years, 10 months ago

    This was my response from above, after I had tried that css for just the blog page and single page:

    This third fix caused the posts in category view to once again have the “avatar alley” but post pages remained hidden under the left sidebar, so I changed it back to fix #2.

    I am using:

    div.item-list{width:98%;}
    div.activity-inner{word-wrap: break-word;position:relative;left: -80px;width:100%;}
    div.author-box{display:none;}
    div.post-content {position:relative;left: -90px;width:99%}

    Everything is just right except posts in a search are under the left sidebar.

    Thread Starter Halo Diehard

    (@halo-diehard)

    11 years, 10 months ago

    Where in my css file should I post that? I’ve added it to the bottom, should it be at the top?

    Thread Starter Halo Diehard

    (@halo-diehard)

    11 years, 10 months ago

    Why would the search page have different css? It’s the ONLY page that needs to be changed. Right now it is under the left sidebar, and it looks bad, but the alternative is to have all my category pages have the avatar alley, using only two thirds of the post area.

    Can anybody help, I’d like to get this resolved…

    Full Circle

    (@jcircle_fcws)

    11 years, 10 months ago

    Place this css UNDER the above css. and test your search page.

    body.search div.item-list{width:100%;}
    body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
    body.search div.author-box{display:none;}
    body.search div.post-content {position:relative;left: -1px;width:100%}

    Thread Starter Halo Diehard

    (@halo-diehard)

    11 years, 10 months ago

    It worked 🙂

    techieguy2k12

    (@techieguy2k12)

    11 years, 10 months ago

    Sir Halo,

    ive read your first post. Im a Custom Community user to for my Buddypress powered website. I just want to know how did you manage to remove avatar and its lane from its original style. Coz, you have mentioned that you already managed to do that except for the category view and post views. Thanks in advance.

    techieguy2k12

    (@techieguy2k12)

    11 years, 10 months ago

    ive tried the suggestion of full cirle

    body.search div.item-list{width:100%;}
    body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
    body.search div.author-box{display:none;}
    body.search div.post-content {position:relative;left: -1px;width:100%}

    it worked for my posts, the avatar author disappeared and the text occupied the lane which supposed to be occupied by the avatar, unfortunately as i was checking the activity stream, it displaced the text covering the avatar of the one posting it. T_T

    you can see at this link what happen:
    http://goinopacan.co.cc/activity/

    Full Circle

    (@jcircle_fcws)

    11 years, 10 months ago

    div.item-list{width:98%;}
    div.activity-inner{word-wrap: break-word;position:relative;left: -80px;width:100%;}
    div.author-box{display:none;}
    div.post-content {position:relative;left: -90px;width:99%}
    body.search div.item-list{width:100%;}
    body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
    body.search div.author-box{display:none;}
    body.search div.post-content {position:relative;left: -1px;width:100%}

    all of that should fix you up.

    techieguy2k12

    (@techieguy2k12)

    11 years, 9 months ago

    Thanks for the help sir, unfortunately this is the result of it:

    it eliminated the avatar of the author of the post (http://goinopacan.co.cc/category/whats-new/)

    however same thing happens to the site activity stream page
    (http://goinopacan.co.cc/activity/)

    it displaced the text of the post/status update and covered the avatar of the one posting it.

    hope there is a work around on this T_T

    Full Circle

    (@jcircle_fcws)

    11 years, 9 months ago

    For some reason the last time i was here and checked your post I did not see the comment above mine.

    In your case you might try
    body.blog div#content{width:97%;}
    body.blog div.author-box{display:none;}
    body.blog div.post-content {position:relative;left: -90px;width:99%}
    body.single div#content{width:97%;}
    body.single div.author-box{display:none;}
    body.single div.post-content {position:relative;left: -90px;width:99%}

    Also home page. if your posts are on the home page and the formatting is off.

    body.home-page div#content{width:97%;}
    body.home-page div.author-box{display:none;}
    body.home-page div.post-content {position:relative;left: -90px;width:99%}

    techieguy2k12

    (@techieguy2k12)

    11 years, 9 months ago

    Thank you again Sir. Ive tried both codes above. Unfortunately, the result is this: it reverted the post avatar showing up http://goinopacan.co.cc/category/whats-new/

    however it corrected the activity stream page
    http://goinopacan.co.cc/activity/

    Actually sir, the my posts does not belong to any page (am i saying technically right?) because I did not specify a post page in the settings, all i did was to specify the homepage however i left the post page blank. So the Whats New in the Menu (Navigation) in the site is a category. I hope this info helps in correcting the problem above. Thank you.

    techieguy2k12

    (@techieguy2k12)

    11 years, 9 months ago

    Strangely sir, as i was browsing the post via search this is the result (no avatar for my post)
    http://goinopacan.co.cc/inopacan-baywalk-park/

    I am just curious sir, is having a category instead of a default blog page better? or is there any way wherein i can specify a blog page, yet i can also have the option not to post my article on that page if i want to. Let say i have a page for blog, and here is my new post but i dont want it to appear in my blog page but on a specific page like “travels”

    thank you and more power.

    Thread Starter Halo Diehard

    (@halo-diehard)

    11 years, 9 months ago

    I’m not sure if I can be of any help, but it looks like the same fix I used helped Techie, except for the activity stream page. I do not use that page. Here is what I have in my style.css that Full Circle helped me with (Yay! Thanks again, Full Circle!):

    div.item-list{width:98%;}
div.activity-inner{word-wrap: break-word;position:relative;left: -80px;width:100%;}
div.author-box{display:none;}
div.post-content {position:relative;left: -90px;width:99%}

body.search div.item-list{width:100%;}
body.search div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
body.search div.author-box{display:none;}
body.search div.post-content {position:relative;left: -1px;width:100%}

    Perhaps if only the code for the activity stream is added to this it will solve the problem?

    Full Circle

    (@jcircle_fcws)

    11 years, 9 months ago

    You can try this as well to line out the activity page.
    body.activity div.item-list{width:100%;}
    body.activity div.activity-inner{word-wrap: break-word;position:relative;left:-1px;width:100%;}
    body.activity div.author-box{display:none;}
    body.activity div.post-content {position:relative;left: -1px;width:100%}

Viewing 15 replies - 16 through 30 (of 34 total)
1 2 3
  • The topic ‘Remove avatar "lane", widen post text area’ is closed to new replies.