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 to put space between images and text in the forum descriptions

View previous topic View next topic Go down

How to put space between images and text in the forum descriptions

Post by jkh on November 29th 2016, 12:14 am

Following on from my Complex Forum Review on this thread http://help.forumotion.com/t149072-complete-mystery-of-madeleine-mccann-complex#1032344

@Draxion said he could help me with this following issue on my forum so I have copied the question from that thread, along with the section of the review, and made it into a separate topic as requested.




Forum Layout & Organization

The widgets are well placed, and I really like the twitter one for anything that relates to the topic. However, I feel that the 'Recent Topics' widget is too long. I agree that by filling out the space on the side with widgets is a good thing to not waste space, but I'd suggest using more widgets instead of extending the current ones. The another thing I suggest for this area is putting a bit more space between the images and the text in the forum descriptions. Additionally, these forum descriptions should be categorised under different titles. This will help users differentiate between general news and Madeleine McCann news.


How do I put space between the images? It's something I've tried to do in the past but was never successful.
avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by Draxion on November 29th 2016, 12:15 am

Thank you!

So you simply want to put a gap between the images and forum description, correct?


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 : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by jkh on November 29th 2016, 12:24 am





Yes @Draxion....at the moment my forum images look like the first screenshot with the text squashed up against the image and I'd like it to look like the second screenshot if possible.


I have tried doing it like this, but that hasn't worked:

avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by Draxion on November 29th 2016, 12:40 am

And you entered those images through the forum description coding, correct? Not the image host above where you fill out the text.


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 : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by jkh on November 29th 2016, 12:41 am

@Draxion wrote:And you entered those images through the forum description coding, correct? Not the image host above where you fill out the text.

Noooooooo.....no idea what that is I'm afraid Confused

I've put the text in the box and the image code in the image URL box - is that right?


avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by Draxion on November 29th 2016, 12:50 am

Okay, what you can do is make those descriptions a 'div'.

First put this in your CSS.
Code:
.forumDesc {
  margin-left: 10px;
}

And then put this inside all your forum descriptions.
Code:
<div class="forumDesc">YOUR FORUM DESCRIPTION HERE</div>


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 : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by jkh on November 29th 2016, 1:02 am

That didn't work. Confused



Last edited by jkh on November 29th 2016, 1:20 am; edited 1 time in total
avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by Draxion on November 29th 2016, 1:13 am

Alright, scratch that entire thing. I'll have to help you when I get home tonight since I am on mobile while at work.


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 : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by jkh on November 29th 2016, 1:15 am

Thank you, catch you later.

I'm in the UK so probably won't get your message til the morning.
avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by jkh on December 1st 2016, 7:16 pm

Can anyone help me with this problem please?

At the moment the images on my forum look like this with the text jammed up against the image:





But I would like them to look like this, with a space if possible:

avatar
jkh
Forumember

Posts : 247
Reputation : 7
Language : english

http://jillhavern.forumotion.net/

Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by Guest on December 1st 2016, 8:34 pm

Hello,

I would say, just edit your pictures with a 10 pixel blank space on the right side. Just make sure you save it as png and not jpg as jpg does not support the transparent part.

Try this one, it has the 10 pixel transparent right hand side edge https://i37.servimg.com/u/f37/18/65/11/87/ga_out10.png

This way you do not need coding at all

Guest
Guest


Back to top Go down

Re: How to put space between images and text in the forum descriptions

Post by SLGray on December 1st 2016, 11:53 pm

If you know the CSS selector, you can add this to it:
Code:
margin-right:  YOUR NUMBERpx;


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39694
Reputation : 2678
Language : English
Location : United States

https://fmthemes.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