Bubble on homepage, but nowhere else. (6 posts)

  1. leahnsims
    Posted 3 years ago #

    I am using the Custom Community theme by Themekraft for my site, typetuitive.com (I have searched their own forum but haven't found anything similar to the information I need).

    As you can see, on the main page, each post excerpt is surrounded by a gray bubble. I like this bubble. However, it does not carry over onto any other page or post. Does anyone know what code I can add (and to which part(s) of my theme) in order to add this bubble to my posts and pages, and also how I can change its color?

    I am also trying to figure out how I can edit the text color of my Twitter widget, but I don't know where the code is for that, either. Any help you can offer is much appreciated.

  2. Full Circle
    Posted 3 years ago #

    you can add this to your css tab for the bubble settings to show on a single post. you could also add more to this to show on pages and more.

    body.single-post div.post-content {margin-left: 0;}
    body.single-post h2.posttitle {line-height: 120%;margin: 0 0 12px;}
    body.single-post div.post span.marker { display: none; }
    body.single-post div.post-content {border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px; background: none repeat scroll 0 0 #ededed;margin-left: 85px;padding: 15px 5px 5px 15px;margin-bottom:8px;}
    body.single-post p.date { border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff; }
    body.single-post p.postmetadata { border-top: 1px solid #ffffff; }

    body.single-post div.post div.post-content {background: #ffffff;border-radius: 11px 11px 11px 11px;margin-bottom: 8px;margin-left: 85px;padding: 15px 5px 5px 15px;}
    body.single-post div.page div.page-content {background: #ffffff;border-radius: 11px 11px 11px 11px;margin-bottom: 8px;margin-left: 85px;padding: 15px 5px 5px 15px;}

    The twitter widget,
    you could add css to change the font color and link colors.
    your classes are:
    .twitter-user this is the user name
    .entry-content this is the content of the posting.
    .entry-meta placeholder for time and date
    .time-meta time of post.
    .from-meta where they posted from.

    so you could use

    you can also place this info in the css tab of the theme.

  3. leahnsims
    Posted 3 years ago #

    Thank you so much! Your help made my day. Now I've got it to show on each post. To add the same thing to other pages, do I simply replace what you've written for "body.single-post div.post" with "body.page div.page"? (Apologies for my lack of knowledge in this arena.)

    The Twitter CSS you gave me helped, too, though the entry content didn't change. I'll have look further into my widget's CSS to find out why... maybe there's some kind of override.

  4. Full Circle
    Posted 3 years ago #

    Yes you could change that to div.page .

    The twitter widget, it could have its own css settings, unsure as I do not use it.

  5. lootgear
    Posted 3 years ago #

    Thanks for your code Full Circle. I used it on my Custom Community site, as well. The only problem is that I am currently only able to access my CSS changes (I changed the color of the bubble to blue) in preview mode.

    Is there a delay? Or is there something else I need to do to over ride the existing theme? (I am super new to wordpress, sorry if this is silly).

    My site is http://www.forsakenplanetgame.com. And the bubbles should be blue, not transparent.

  6. Full Circle
    Posted 3 years ago #

    I see them as blue.
    Could be cache?

Topic Closed

This topic has been closed to new replies.

About this Topic