Public Forums 71,145 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#954529

Hi
Maybe its due to the template styles , You can post the site URL here i will take a look on it .

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#954575

URL – localhost, I will try look to template styles.

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#954593

I tried fresh install – Joomla+Purity, the same problem.
Database Version 5.5.5-10.1.13-MariaDB
Database Collation utf8_general_ci
Database Connection Collation utf8mb4_general_ci
PHP Version 5.6.23

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#954612

This reply has been marked as private.

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#956179

Sorry for long break – I put the site from localhost to public server . Could you look http://dev.upese.lt/index.php/a/akmena . Problem still exists
One more. I think is the same problem – image do not react to style="text-align: center; "
Thank You in advance

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#956201

Hi
Apply margin: 0 auto; for the image to make it in center .
Like this > http://prntscr.com/c0wjyo
For the make text in above line apply float:left on image .

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#956449

Thank you, but float:left not helps: 1. In mobile screen image still above text. 2. In desktop: here is not only one image in line; more images groups at left. 3. Also, images do not react to vertical-align:bottom or middle http://dev.upese.lt/index.php/a/akmena or http://dev.upese.lt/

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#956470

Hi
Use
float: left!important;

it will work in mobile too , and the img already in the middle of its space check it again .

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#956492

Still left problem – if here is more than one image in line they groups at left side (http://dev.upese.lt/index.php/a/akmena) but some of them needs be in middle of the text – as images must look please see to http://www.upese.lt/index.php/a/akmena Still images do not react to vertical-align: – http://dev.upese.lt/index.php

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#956626

I found decision – display: inline. Can I change (where and how) css or less that it works for all site?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#956702

Hi
You can apply custom style on any class using custom.css file .
Go to /css/custom.css file and add your style code .

example :

.class  {display:inline;}

[enjoda Friend enjodaJoin date: July 2016Posts: 12Downloads:4Uploads:1]

#956971

Thank you. I put code in css now articles looks as need.

[Author]

Posts