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.

jkh
Forumember

Posts : 184
Reputation : 6
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?

Draxion
Helper
Helper

Male Posts : 576
Reputation : 84
Language : English
Location : USA

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


jkh
Forumember

Posts : 184
Reputation : 6
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.

Draxion
Helper
Helper

Male Posts : 576
Reputation : 84
Language : English
Location : USA

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



jkh
Forumember

Posts : 184
Reputation : 6
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>

Draxion
Helper
Helper

Male Posts : 576
Reputation : 84
Language : English
Location : USA

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

jkh
Forumember

Posts : 184
Reputation : 6
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.

Draxion
Helper
Helper

Male Posts : 576
Reputation : 84
Language : English
Location : USA

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

jkh
Forumember

Posts : 184
Reputation : 6
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:


jkh
Forumember

Posts : 184
Reputation : 6
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 Meesleepbeest 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

Meesleepbeest
Forumember

Posts : 115
Reputation : 2
Language : Dutch

http://faqts.do-talk.com/

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.


SLGray
Administrator
Administrator

Male Posts : 36697
Reputation : 2445
Language : English
Location : United States

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