[ChristopherModerator]

Hi there,

Please remove inline CSS min-width: 320px; from image.

Then update your code :

@media (max-width: 480px){
.myclass {
    width: 75px !important;
}
}

To :

@media (max-width: 480px){
.myclass {
    width: 40%;
}
}

Hope it helps.

[JulieBDBParticipant]

This reply has been marked as private.

[John EzraMember]

Hi Julie,

Thanks for updating the thread. Galleries are images grouped together when inserted onto a page. Portfolios are custom post type like blog post but are styled and configured a bit differently.

I just checked your site and I am able to create galleries just fine.

Use a text element, click on the ad media button and you will see the create gallery link on the top left area of the screen.

May we ask what you intend for the images? Will they need to be links as well or if they have any other purpose? If you can give us more detail on what you would like to achieve, we’ll be able to assist you better. Thanks!

[JulieBDBParticipant]

Thank you for your quick answer.
Creating a gallery will be enough for now, adding caption beneath the image.

How can I create a gallery with links on each image or with a text that shows when we place the mouse over the image?

Kind regards,

Julie

[Rue NelModerator]

Hi Julie,

You can simply create your gallery with a link by following the steps as instructed in here:
https://community.theme.co/kb/how-to-setup-galleries/
https://en.support.wordpress.com/gallery/

Please also make sure that in your Gallery settings, you link it to the media file.
http://prntscr.com/8wjykg

The hover effect could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[JulieBDBParticipant]

Hi,

The pictures on the homepage (Section’Why LadyPlans) on the mobile version are cut.
Could you please let me know what I need to update?

url: http://www.ladyplans.com

Many thanks in advance.

Kind regards,

Julie

[ChristopherModerator]

Hi there,

Please remove inline CSS code min-width: 320px; from image elements.

Find this code and remove it :

@media (max-width: 480px){
.myclass {
    width: 40%;
}
}

Hope it helps.

[JulieBDBParticipant]

This reply has been marked as private.

[JulieBDBParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Julie,

I’ve checked your homepage Cornerstone settings and the CSS is there (see: http://prntscr.com/a29cej). Would you mind confirming the issue again?

As for your second question, when I resize the browser, images in second section are also resizing correctly (see: http://prntscr.com/a29cpc). Please confirm again.

Thank you!

[JulieBDBParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello Julie,

This is what we are seeing right now: http://prntscr.com/a3fy3s
All of the three images has a dimension of 600×1200 pixels. And I could see that you have added an inline css of width: 300px. In each of the images, it has some icons in it that vary in sizes. If I base on the image dimension, they are all the same. But if visually compare the three images, they are not the same. Could you please provide us what are you trying to achieve with it? If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you very much.

[JulieBDBParticipant]

Hello,

I’m having the same problem again. Please check http://www.ladyplans.com/checklists > Section 2. I have added 2 screenshots that are exactly the same size. I haven’t resized them at all. The first one is small (apparently with margins) and the second is too big (without margins). I want to make the big one just like the small one.

Many thanks for your response so I can publish the page

Kind regards,

Julie

[FriechModerator]

Hi Julie,

We recommend that you upload an image with the same dimension. If we look closely at the small image

We will see that this is not really a small image. This is a big image with white spaces on all sides.

Please crop this image with a photo editor (e.g. Photoshop).

We can simple resize the image with CSS width property.

e.g
<img class="x-img x-img-none" style="width: 30%;" src="http://www.ladyplans.com/wp-content/uploads/2016/03/IMG_5850_iphone6_gold_portrait.png">

Hope it helps, Cheers!

[Author]

Posts