The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I change these posts?

View previous topic View next topic Go down

In progress How can I change these posts?

Post by yayayes on April 6th 2014, 12:06 am

Hello guys,
I'm wondering how can I change the background of these posts without changing the background of the user profile? (Please see the image for reference) At the moment, I'm using this code to change the background of the user profile.

Code:
.post {
   background-color: #694122;
  background-image: url("http://i1122.photobucket.com/albums/l529/yayayes/Profile8.png");
   border-bottom: 0px solid #ad9479;
   }

This code works fine.However, I want to make the background of the post to be a different one (see blue arrow). Can someone kindly give me an advise?

Thank you very much!
Yaya


yayayes
Forumember

Female Posts : 49
Reputation : 1
Language : Thai
Location : Bangkok, London & Hong Kong

Back to top Go down

In progress Re: How can I change these posts?

Post by Pizza Boi on April 6th 2014, 12:14 am

Hi Very Happy

Can you please provide a topic from your forum? (URL please) which guests can see no problem Smile.

Edit: I tried something in my test forum and this just works fine for me:

Code:
#profile2 {
 background-color: #color !important;
}
.postbody.clearfix {
 background-color: #color !important;
}

You have to change #color to anything you want, or you can just style it the way you want. Add it in CSS please.

Results for mine:



Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: How can I change these posts?

Post by yayayes on April 6th 2014, 1:02 am

It's very kind of you Pizza Boi. The code that you've given me works just fine. But it's not the same area as the one I pointed out in my photo (blue arrow). What you see in the photo is a blog which uses the same background as the user profile background (red arrow).

Code:
.post {
  background-color: #694122;
  background-image: url("http://i1122.photobucket.com/albums/l529/yayayes/Profile8.png");
  border-bottom: 0px solid #ad9479;
  }

This code allows me to change the background of the user profile. But at the same time, it also changes the background of my blog post. So I would like to have a code which only change the background of the blog post only.

Here is my forum url: http://thelostedencode.forumth.com/t6-topic

Forum post (same as your photo):

Blog post:



Kind regards,
Yaya

yayayes
Forumember

Female Posts : 49
Reputation : 1
Language : Thai
Location : Bangkok, London & Hong Kong

Back to top Go down

In progress Re: How can I change these posts?

Post by Pizza Boi on April 6th 2014, 10:09 pm

Hi Very Happy

This would be possible but you have to use some selectors for this and I'll name what I could find in my test forum:

1. #blog_comments
2. #blog_comments .post-header
3. .blog_comment-avatar

.post-entry is the only selector I can find for invision and it affects both. The fact you're using invision makes this task really difficult, maybe not even possible.

Sorry.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

In progress Re: How can I change these posts?

Post by Ange Tuteur on April 6th 2014, 10:23 pm

Hello yayayes,

Add this to your CSS :
Administration panel > display > colors > CSS stylesheet
Code:
#blog_comments .post {
  background-color:#694122;
  background-image:url('/myimage.gif');
  border-bottom:none;
}

replace /myimage.gif by the URL of your image.

If the image is still the same, make it important :
Code:
#blog_comments .post {
  background-color:#694122;
  background-image:url('/myimage.gif') !important;
  border-bottom:none;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum