Reduce gap between image and text

[Acurio]

Hi,

I got the following CSS to keep the original size of the image when uploaded

.single-portfolio-split figure.media-wrap img {
width: auto!important;
}

This works fine, but the gap between the right hand side of the image and the text is to large. How do I adjust it so it’s just a few px away no matter what image size I upload?

http://www.secretwings.se/?portfolio=galaxy

Br Christian

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-portfolio figure.media-wrap{
width:50% !important;
}

Thanks
Mohammad

[Acurio]

Hi,

Thanks that worked, but now when resizing the the whole browser window from maximum and smaller the content of the page is not in the center, it’s slightly towards the left hand side of the browser window, is it possible to get it centered.

Br Christian

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to indicate the issue.
Thanks
Mohammad

[Acurio]

Hi,

I have attached an image showing when the browser is slightly minimised. I actually saw that that there was a small difference when the browser was maximised as well.
Both the image and the text should be more towards the right, more centered.

Br Christian

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.page-content{
width:44% !important;
}

Thanks
Mohammad

[Acurio]

That change all of my pages and they became really strange. I just want a adjustment on that particular details page.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-portfolio .page-content{
width:44% !important;
}

Thanks
Mohammad

[Acurio]

Hi,

The last one made the image details page to align to the left. I tried different % as well, but it did not seem to help.

Br Christian

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot to indicate the issue.
Thanks
Mohammad

[Acurio]

Forget my previous comment, was probably a strange browser cache issue.

But the question before still remains. The text and image is aligned to the left like the attachment I have in my previous comment. How to make them centered?

I have the following css so far:

.home #footer{
display:none !important;
}

.testimonial-text.text-large > p {
font-size: 20px;
}
#breadcrumbs {
display: none;
}
.heading-text, #breadcrumbs{
display:none !important;
}
.single-portfolio-split figure.media-wrap img {
width: auto!important;
}
.single-portfolio figure.media-wrap{
width:56% !important;
}
.single-portfolio .page-content{
width:44% !important;
}

[Mohammad – SUPPORT]

Hi,
Please provide me login detail to inspect and resolve the issue.
Thanks
Mohammad

[Acurio]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue so please check it now.
Thanks
Mohammad

[Acurio]

Hi Mohammad,

It looks good now, thanks a lot for the help!

Br Christian