[blk_mirrorParticipant]

Quick question. Visual composer won’t let me center the top image on this page. http://blackmirrordemos.croutch.ca/jordan/?page_id=6 How do I center images, they seem to default to left justification. Regularly visual composer gives options for this, but not with x theme?

[ChristianModerator]

Hey there,

Please see http://prntscr.com/5ala0e. Your image setup is weird. Please place your image inside a container with a center-text class. If that doesn’t work, please give us access to your WordPress admin so we could see your setup.

Thanks.

[blk_mirrorParticipant]

This reply has been marked as private.

[ChristianModerator]

This reply has been marked as private.

[blk_mirrorParticipant]

This reply has been marked as private.

[ChristianModerator]

Hey there,

I’ve added margin: 0 auto; display: block; in the Style attribute of the image to center it (see http://prntscr.com/5c0jqb).

The center-text class should be applied to the container of the image but since you’ve place the image and text in one container, it’ll make the text centered as well so you need CSS to align the image alone.

Hope that helps. 🙂

[blk_mirrorParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

I checked that last page link and it look centered on my end. Could you please verify or maybe send us a screenshot of what you are seeing, thanks!

[blk_mirrorParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Unfortunately it’s 3rd party plugin issue and it’s not possible with simple CSS.

Regarding to hide featured image please add the following CSS code under Customize -> Custom -> CSS:

.single-post .entry-featured {
display: none;
}

Hope it helps.

[John EzraMember]

Hi there,

to remove the featured image on single posts please use the following CSS:

.single-post .entry-featured {
    display: none;
}

To center the plugin, how are you calling it? Are you putting it inside a content band, a div?

You can use the following CSS to center it on this post alone:

.postid-6702 .iGalleryContainer {
width: 30%;
margin: 0 auto;
Left: 0.5%;
}

@media screen and (max-width: 1310px) {
 .postid-6702 .iGalleryContainer {
width: 30%;
margin: 0 auto;
Left: 0.5%;
text-align: center;
display: block;
}
}

@media screen and (max-width: 969px) {
 .postid-6702 .iGalleryContainer {
width: 50%;
margin: 0 auto;
Left: 0.5%;
text-align: center;
display: block;
}
}

@media screen and (max-width: 600px) {
 .postid-6702 .iGalleryContainer {
width: 100%;
margin: 0 auto;
Left: 0.5%;
text-align: center;
display: block;
}
}

Note: the solution above isn’t perfectly smooth. As the responsiveness doesn’t scale the centering.
It might be better to put two containers around it and have the inner container center itself on the outer one.
Then have the outer one scale down in width as the screen scales.

If you need help with above, it might be best to provide us with a login so we can tailor a solution for you,
just make sure to make the reply private so only support staff can view the information.

Hope this helps!

[blk_mirrorParticipant]

This reply has been marked as private.

[John EzraMember]

Hi there,

You can add the CSS under Custom > CSS in the Customizer or if you are using a child theme, you can put it directly in the style.css file.

If you are wanting to target just this post add .postid-6702 to the selector like so:

.postid-6702 .single-post .entry-featured {
    display: none;
}

Hope this helps!

[Author]

Posts