Text and image alignment

I am having trouble getting 2 images to align on my contact page. Also I would like them to be centered more closely to the middle as opposed to how they are now. See attached screenshot. Also ay way to do the same on my Contact Page. Maybe make the message box more narrow and then the border on the right a bit larger? Screenshot attached as well. Thanks.

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

content img {
    margin-right: 70px !important;
      margin-left: 91px !important;
}
.content-wrap .contact #contactForm textarea {
    width: 66%;
}
a img.alignright {
    margin-right: 50px !important;
}

Note: Change numeric value as per your requirement.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks. Contact page is better.

How do I align the images on my About Me page...the first question above. I actually am going to add a third image so want to know how to align those three. Thx.

 

Hello,

I have fixed your issue through your provided credentials earlier..

Kindly check and reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priyanka. Looks good but can you tell me how you did this so I can edit the image sizing and change pictures? In my admin page, it still looks as it did before. Also when I am not on full screen mode, I lose one of the images and my credentials at the bottom become distorted which wasn't happening before. Screenshot attached. Thx.

 

Hello,

I have added following codes in Custom CSS field of your dashboard,

Code:

.fullwidth .gallery .thumbnail {
    margin-bottom: -76px !important;
}
 
@media only screen and (max-width: 767px) and (min-width: 480px){
.fullwidth .gallery .thumbnail {
    margin-bottom:-29px !important;
}
}
@media only screen and (max-width: 480px){
.fullwidth .gallery .thumbnail {
    margin-bottom: -8px !important;
}
}

And also created a gallery of that 3 images on that page as you can see in edit option of the page.

Do let me know if you need more assistance,
Thanks & Regards!
Priyanka
InkThemes.com

 

Ah yes! Thanks. Is there any way to make the images a bit closer together? So there isn't so much space in between them? Or should I just make them larger in size?

 

Hello,

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.fullwidth .gallery ul.thumbnail.col-3 li {
    margin-right: -2%;
    margin-left: 104px !important;
}

Note: change numeric value as per your requirement.

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priyanka. Looks much better but when on mobile or split screen the images are all distorted.

 

Hi,

Greetings from InkThemes,

You would be glad to know that we have fixed the issue as per your requirements. Now your images are displaying properly in mobile or split screen.

Kindly check and acknowledge us for the same.

Thanks & Regards!
Nitin
InkThemes.com

 

Hi Nitin,

It looks fine on mobile now but still funny on split screen. See attached.

 

Hi,

Greetings from InkThemes,

You would be glad to know that we have fixed the issue as per your requirements. Now your images are displaying properly in split screen also.

Kindly check and acknowledge us for the same.

Thanks & Regards!
Nitin
InkThemes.com

 

Thank you. Looks good.