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.

Add a message to thanked posts

View previous topic View next topic Go down

Solved Add a message to thanked posts

Post by smurfavr on April 21st 2016, 9:35 am

How to reduce the size of the message?
I want to do within the red line which I remarked.
http://help.forumotion.com/t142451-add-a-message-to-thanked-posts



Last edited by smurfavr on April 27th 2016, 8:03 am; edited 1 time in total
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Draxion on April 21st 2016, 9:48 am

Hi there,

I believe you mean this...
Code:
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
 color:#280;
 font-size:16px;
 font-weight:bold;
 text-align:center;
 background-color:#DFD;
 border:1px solid #BDB;
 border-radius:6px;
 padding:6px;
 margin:6px;
  width: Xpx;
}

To adjust the size of the image, change the "X" on (width:Xpx;).


Last edited by Draxion on April 21st 2016, 10:16 am; edited 1 time in total
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1184
Reputation : 174
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 21st 2016, 9:59 am

I did not see these lines in the code.
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Draxion on April 21st 2016, 10:00 am

In that case, paste that code and change the "X" accordingly to the size you want the image to be.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1184
Reputation : 174
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 21st 2016, 11:01 am

I changed the size of the message, but it appears to the left of the forum. How to do it is to be provided in the center?

Code:
#fa_thanks_message {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
  width: 550px;
}

avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by An on April 21st 2016, 11:41 am

@smurfavr wrote:
Code:
#fa_thanks_message {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
  width: 550px;
}
Change
Code:
margin:6px;
to
Code:
margin:6px auto;
in the code above to center the message. Wink
avatar
An
Forumember

Posts : 44
Reputation : 24
Language : English

http://help.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 21st 2016, 3:25 pm

Caption in the box next to bottom. How to do it again in the middle?
How can I reduce the width of the assumed?
How can I change the background color?
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 22nd 2016, 9:41 pm

@smurfavr wrote:Caption in the box next to bottom. How to do it again in the middle?
This CSS :
Code:
#fa_thanks_message img { vertical-align:middle }

@smurfavr wrote:How can I reduce the width of the assumed?
Adjust
Code:
width: 550px;
in An's post.

@smurfavr wrote:How can I change the background color?
Again adjust the codes in An's posts. It's these two :
Code:
  background-color:#DFD;
  border:1px solid #BDB;

#DFD
#BDB
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 23rd 2016, 12:32 am

Thanks Ange Tuteur

How to make banner with the inscription is in the middle of the field as I have shown in the picture?

avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 23rd 2016, 1:35 am

Change
Code:
margin:6px auto;
into
Code:
margin:6px 40% 6px 0;
, and try adjusting "40%" until it's where you want it.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 23rd 2016, 11:24 am

@Ange Tuteur I put the code which gave banner but moved only on the left side.
20,50,70% No difference.
margin:6px 90% 6px 0;

Code:
fa_thanks_message {
  color:#280;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px 40% 6px 0;
  width: 400px;
}
#fa_thanks_message img { vertical-align:middle }
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 24th 2016, 11:50 am

avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 9:11 am

Up
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 26th 2016, 12:18 pm

Could you post a link to where this message is in a topic ? Thanks.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 2:01 pm

avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 26th 2016, 2:41 pm

Add the following rule to your stylesheet :
Code:
#fa_thanks_message {
  margin-left:calc( 50% - 150px ) !important;
}

Let me know if it works for you. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 4:34 pm

@Ange Tuteur No change.
Code:
#fa_thanks_message {
  color:#280;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  background-color:#5DF213;
  border:1px solid #2CE823;
  border-radius:6px;
  padding:6px;
  margin:6px 40% 6px 0;
  width: 400px;
}
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  margin-left:calc( 50% - 150px ) !important;
}
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 26th 2016, 5:18 pm

Replace your code above with this one :
Code:
#fa_thanks_message {
  color:#280;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  background-color:#5DF213;
  border:1px solid #2CE823;
  border-radius:6px;
  padding:6px;
  margin:6px 0;
  position:relative;
  left:calc( 50% - 150px );
  width: 400px;
}

#fa_thanks_message img { vertical-align:middle }
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 5:37 pm

@Ange Tuteur No change.

Code:
#fa_thanks_message {
  color:#280;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  background-color:#5DF213;
  border:1px solid #2CE823;
  border-radius:6px;
  padding:6px;
  margin:6px 0;
  position:relative;
  left:calc( 50% - 150px );
  width: 400px;
}
 
#fa_thanks_message img { vertical-align:middle }

http://smurfa.bulgarianforum.net/t3251-topic
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 26th 2016, 6:09 pm

Looks like the optimization might be messing it up. Go to Admin Panel > Display > Colors > CSS stylesheet

Find "Optimize your CSS" and tick "No", then save.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 6:55 pm

Thanks Ange Tuteur. For now everything works.

@Ange Tuteur
Do you back option Optimize your CSS "of NO?
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by Ange Tuteur on April 26th 2016, 6:58 pm

No problem. Wink

That option needs to be disabled for calc() to work. Forumotion's optimization makes that CSS function invalid. It shouldn't have too much of an impact being disabled, in fact it's actually better because it wont cause errors.
avatar
Ange Tuteur
Forumaster

Male Posts : 13151
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 26th 2016, 7:01 pm

I did not understand properly because GOGLE does not translate well. HOW is the most well be an option YES or NO?
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by SLGray on April 26th 2016, 9:04 pm

Ange Tuteur said it would be best to leave it set to no.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 38737
Reputation : 2602
Language : English
Location : United States

http://classifiedads.forumotion.com/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by smurfavr on April 27th 2016, 8:03 am

Thanks
avatar
smurfavr
Active Poster

Male Posts : 1513
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: Add a message to thanked posts

Post by brandon_g on April 27th 2016, 1:07 pm

Thanks for the help as always Ange. Smile

Topic solved and archived ~ brandon_g


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 5725
Reputation : 524
Language : English
Location : USA

http://broadcastingduo.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