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

smurfavr
Active Poster

Male Posts : 1418
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

Draxion
Helper
Helper

Male Posts : 556
Reputation : 79
Language : English
Location : USA

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

smurfavr
Active Poster

Male Posts : 1418
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.

Draxion
Helper
Helper

Male Posts : 556
Reputation : 79
Language : English
Location : USA

http://dawnofthedragons.forumotion.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;
}


smurfavr
Active Poster

Male Posts : 1418
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

An
Forumember

Posts : 42
Reputation : 23
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?

smurfavr
Active Poster

Male Posts : 1418
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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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?


smurfavr
Active Poster

Male Posts : 1418
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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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 }

smurfavr
Active Poster

Male Posts : 1418
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


smurfavr
Active Poster

Male Posts : 1418
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

smurfavr
Active Poster

Male Posts : 1418
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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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


smurfavr
Active Poster

Male Posts : 1418
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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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;
}

smurfavr
Active Poster

Male Posts : 1418
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 }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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

smurfavr
Active Poster

Male Posts : 1418
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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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?

smurfavr
Active Poster

Male Posts : 1418
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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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?

smurfavr
Active Poster

Male Posts : 1418
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.


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

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

smurfavr
Active Poster

Male Posts : 1418
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.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5354
Reputation : 489
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