Joomla Templates Club 406,261 posts

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1088528

Hello,

I used the raw feature secondary module to display some text with image besides it. I have difficulties on getting the picture aligned with the bottom of the module because it seems like if I put a bit too much lines in my text a gap appears between the bottom of the module and the bottom of the image. For more info about this please take a look at the link in the staff section…

Can you let me know what I should change in order to get this to work ?

Thank you for your help.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088576

Hi,

You can add this custom CSS code:

#Mod147.row-feature.row-feature-secondaryp {
    padding-bottom: 150px;
}

into the CSS file: root/templates/ja_sugite/css/custom.css file on your site.

Then change the padding to the value which suits your need.

Regards

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1088636

Thank you that is starting to help. Now it seems this is not replicated with different sizes of screens, the picture got cut in the bottom part or not aligned with to bottom of the module… (See the first module of the page as an exemple).

Can you indicate me what to do next ?

Thank you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1088887

Hi,

Could you share some screenshots illustrating how you want it should be?

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1088918

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1089096

Hi,

Your site seems to be in offline mode now, kindly share the login info.

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1089124

Sorry for this, the site is online now.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1089347

Hi,

In order to style for different view ports like that, you can use Media Queries in Bootstrap: https://getbootstrap.com/docs/3.3/css/#grid-media-queries

For example, with small screen:

#Mod147.row-feature.row-feature-secondaryp {
    /*your custom style goes here*/
}

[Manes Friend ManesJoin date: April 2015Posts: 41Downloads:20Uploads:7 Thanks: 12 Thanked: 1 times in 1 posts]

#1089363

Ok I’ll give a try with that, I already tried something similar but didn’t use max and min width at the same time…

[Author]

Posts