Docs

[truaxbrandingco]

Hey guys

I have a question about feature boxes. I currently have them set as horizontal on desktop/tablet. On a mobile device I would like to have the image for a feature box automatically enlarge and have the text fall below the image.

Can you guys help?

Thanks!

http://50.87.248.168/~inertiat/spi-spring-break-resorts/

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media (max-width:  768px) {
	.page-id-287 .x-feature-box-graphic {
		display: inline-block !important;
	}
	.page-id-287 .x-feature-box-graphic-inner {
		 width: 100%;
	}
}

Hope it helps, Cheers!

[truaxbrandingco]

Hey there!

Wow this worked perfectly thank you! I have a quick other questions. Is there a way to get the feature box title to be stacked above the image? SO:

[headline]
[image]
[description]

Can we change the css to do so?

Thank you so much.

N

[Rue Nel]

Hello Again,

Thanks for the updates! Regretfully that won’t be possible. That is because the original order of the feature box is this:

[feature-graphic]
   [image]
[feature-graphic]

[feature-content]
  [headline]
  [description]
[feature-content]

We cannot give you any custom css. You will need more custom coding to change the order of the elements. It 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!

[Author]

Posts