Skip Navigation

[Resolved] Images added via Toolset Types are not aligned as expected.

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

This thread is resolved. Here is a description of the problem and solution.

Problem:
Types images are not properly top aligned.

Solution:
Please add the following CSS to your theme’s style.css file:

 
.home img.alignright {
    margin-top: 0 !important;
}
This support ticket is created 7 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by Anonymous 7 years, 3 months ago.

Assisted by: Noman.

Author
Posts
#560277

Anonymous
hh-ts-banner-offset-html.png
hh-ts-banner-offset-front.jpg
hh-ts-banner-offset-editor.png

Hello. My site has Toolset Types installed. Using Toolset Types, I have a "Post Field Group" defined which contains two images, and I have used a Toolset Types shortcode to add these images to my home page (screenshots: hidden link). On the front-end, these two images are very slightly offset vertically--the two images are not on the same line (see attached screenshot hh-ts-banner-offset-front). I've looked at the HTML code of the page, and you can see there is a line break (<BR>) after the first image (see attached screenshot hh-ts-banner-offset.html). But I don't see this line break in the WordPress editor (see attached screenshot hh-ts-banner-offset-editor). Am I correct that this line break is the cause of the vertical offset of the images? If so, what is causing this line break, and how do I remove it?

Thanks in advance.

#560318

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Carl,

Thank you for getting in touch with us. This is not because of <br> tag, this is because of the extra top margin.

Please add the following CSS to your theme’s style.css file:

.home img.alignright {
    margin-top: 0 !important;
}

Thank you

#560331

Anonymous

OK great catch, thanks very much for that. I looked at the padding, but my mistake for not looking at margin and border.

We can consider this resolved.

The forum ‘Types Community Support’ is closed to new topics and replies.