Return to previous page

Topic: image alignment for teaser box

Olexi

Participant

January 20, 2015 4:41 pm

hi,

i want ad an image to a teaser box inside of a portfolio post that should be aligned centered. but it shows always aligned left? i can not find a way to change the alignment?
i tried then to ad it to the text instead of the upper image section. i changed the alignment to center but it also shows left? any idea how to get this done?

many thanks,
olexi

#35476 copied to clipboard

Like

Eva Kemp

Support staff

January 20, 2015 5:25 pm

Hello,

Could you please provide us with a link of a page and specify what image you want to align?

Thank you.
Regards,
Eva Kemp.

#35487 copied to clipboard

Like

Olexi

Participant

January 20, 2015 5:46 pm

you must login to the adminpanel to see the site … it is not life now. see logininfo in private content.

this is the site i am talking about:
http://www.1stbeautyspa.at/behandlungen/

Content is visible for topic creator and
support staff only.

#35496 copied to clipboard

Like

Olexi

Participant

January 20, 2015 5:51 pm

sorry … this is the link to the page:
http://www.1stbeautyspa.at/portfolio/adonis-professional-face-and-body-lifting/

ther is a teaser box on the right side with the company logo.
the headline says “preisliste” … the logo should be centered.

best
olexi

#35497 copied to clipboard

Like

Eva Kemp

Support staff

January 20, 2015 8:03 pm

Hello,

I’ve added the following code in CSS block of Visual Composer editor:

Please check the page now.

Thank you.
Regards,
Eva Kemp.

#35523 copied to clipboard

Like

Olexi

Participant

January 21, 2015 9:45 am

hi eva,

this does not work. when i change the size of my browser window or go to a pc with lower resolution the layout of the box breaks. any other solution?

best
olexi

#35831 copied to clipboard

Like

Eva Kemp

Support staff

January 21, 2015 10:13 am

Hello,

Please check your site on mobile device.
When you resize browser window you must reload a page.

Thank you.
Regards,
Eva Kemp.

#35838 copied to clipboard

Like

Olexi

Participant

January 21, 2015 10:31 am

it works on mobile, but resize does not work for me (safari, latest version, all updates installed)?

best
olexi

#35842 copied to clipboard

Like

Eva Kemp

Support staff

January 21, 2015 11:19 am

Hello,

Are you reloading a page when resizing a browser window?

Regards,
Eva Kemp.

#35850 copied to clipboard

Like

Olexi

Participant

January 22, 2015 10:20 am

it works on smartphone but not on the ipad and also not on pc/mac … when i resize the window to a size that the menu changes to the mobile menu on pc/mac … then the layout still breaks … even if i reload the page … same on ipad?

best
seb

#36467 copied to clipboard

Like
Eva Kemp

Support staff

January 22, 2015 10:31 am
Hello,

I’ve added this code in custom.css:

@media (max-width: 979px) { img.aligncenter { margin-left: 0px !important; } }

Please check the logo alignment now.

Thank you.
Regards,
Eva Kemp.
#36471 copied to clipboard

Like
Olexi

Participant

January 22, 2015 3:30 pm

hi eva,

much better but still not perfect. it works on the iphone. on the ipad it works on portrait mode but not on landscape mode. same on ps/mac. when i make the browser window to a size that the menu changes to mobile but the logo in the header is on the left its not centered (like on the ipad landscape mode). when i make it smaller so the logo in the middle it is centered (like on the ipad portrait mode or on the iphone).

best
olexi

ps: is it possible to change the windowdimension/resolution when it changes to the mobile menu? i would prefer the standard menu when i am on the ipad in landscape mode. is this possible use standard menu on the ipad landscape??

#36576 copied to clipboard

Like

Eva Kemp

Support staff

January 22, 2015 4:17 pm

Hello,

You can try to edit the media query located in the responsive style sheet file wp-content/themes/royal/css/responsive.css at line 1005 and change @media only screen value.

Thank you.
Regards,
Eva Kemp.

#36587 copied to clipboard

Like

Olexi

Participant

January 27, 2015 12:38 pm

hi eva,

this solution is not really perfect as it will get lost when i update. this is a very basic function and really should be working without editing in the themes css structure. any other solution, using an other element instead of the teaser box maybe? sorry for being pushy here 🙂

best
olexi

#37336 copied to clipboard

Like

Eva Kemp

Support staff

January 27, 2015 1:28 pm

Hello,

Sorry, but there is no other solution except of editing the code in theme files.

Please take our apologies for inconveniences.

Regards,
Eva Kemp.

#37343 copied to clipboard

Like