Docs

[Hello]

This reply has been marked as private.

[Christian]

Please put the custom headline inside each column also so it would be

[column type="1/2"][custom_headline class="man" type="left" level="h2" looks_like="h3" accent="true"]Custom Headline[/custom_headline][/column]
[column type="1/2" last="true"][custom_headline class="man" type="left" level="h2" looks_like="h3" accent="true"]Custom Headline[/custom_headline][/column]

Thanks.

[Hello]

This reply has been marked as private.

[Friech]

Hi There,

Please use the shortcodes below instead.

[cs_section parallax="false" style="margin: 0px;padding: 45px 0px;"][cs_row inner_container="true" marginless_columns="false" style="margin: 0px auto;padding: 0px;"][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" style="padding: 0px;"][x_image type="none" src="https://trillionpeak.com/wp-content/uploads/2016/11/20160108_145251-edit.jpg" alt="Men" link="true" href="https://trillionpeak.com/product-category/mens-fashion-designers-clothes/" title="Men" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_custom_headline level="h2" looks_like="h3" accent="true" class="cs-ta-center mtn"]<a href="https://trillionpeak.com/product-category/mens-fashion-designers-clothes/">Man</a>[/x_custom_headline][/cs_column][cs_column fade="false" fade_animation="in" fade_animation_offset="45px" fade_duration="750" type="1/2" style="padding: 0px;"][x_gap size="50px" class="cs-hide-md cs-hide-lg cs-hide-xl"][x_image type="none" src="https://trillionpeak.com/wp-content/uploads/2016/11/20160219_184651-edit.jpg" alt="Woman" link="true" href="https://trillionpeak.com/product-category/womens-fashion-designers-clothes/" title="Woman" target="" info="none" info_place="top" info_trigger="hover" info_content=""][x_custom_headline level="h2" looks_like="h3" accent="true" class="cs-ta-center mtn"]<a href="https://trillionpeak.com/product-category/womens-fashion-designers-clothes/">Woman</a>[/x_custom_headline][/cs_column][/cs_row][/cs_section]

That code will have this look on desktop:

Both the image and custom headline linked to there respective category.

And this how it should look on mobile.

http://image.prntscr.com/image/611e05de4135449498927c89f5f01299.png
http://image.prntscr.com/image/3c8ec202b9334b9eb2296826d4bbbf0a.png

If this is not what you’are after, please provide us a mock-up your design.

Thank you.

[Hello]

Hi Friech,
It worked! Your the best! And there’s a highlight effect on mouse hovers! You guys are cool.

Many thanks,

[Hello]

This reply has been marked as private.

[Friech]

Hi There,

#1 So when I want to change the images I can just replace the new photo link in the code? The highlight effect should be there as well right?

Yes, this is the image shortcode, you will see two of this on my code above.

[x_image type="none" src="IMAGE URL HERE" alt="Men" link="true" href="URL WHERE YOU WANT TO LINK YOUR IMAGE" title="Men" target="" info="none" info_place="top" info_trigger="hover" info_content=""]

And yes, you won’t lose the hover effect when you change just the image source (src) and target link (href).

#2 Please can you help with the white space above the photos around the words Trillion Peak. I have attached a screen shot.

See the first line of my code above, set that padding to 0.

[cs_section parallax="false" style="margin: 0px;padding: 45px 0px;"]

And if you want to completely remove gap between the headline (Trillion Peak) and image. Add this under Custom > CSS in the Customizer.

body.woocommerce header.entry-header.shop {margin-bottom: 0;}

#3 I also forgot how I got the words name there in the first place. Can I replace it with a PNG or JPEG?

Sorry I’m not entirely sure what you’re trying to ask. I just copy the link of your images that is how I got the URL of your image. Both .png and .jpg works just fine.

Hope it helps, Cheers!

[Hello]

This reply has been marked as private.

[Rad]

Hi there,

You may change it at Admin > Appearance > Customizer > Icon > SHOP OPTIONS > Shop Title.

And which image, those two under that title? Yes, you can simply change the content and make it in 1 column, upload an image with banner size or replace it with revolution slider’s shortcode. It’s custom content I think, you’ll have to edit that customization.

Thanks!

[Hello]

Hi,
Please clarify what you mean by 1 column?

Where can I upload the banner image or revolution slider? Where the Shop Title is now or are you referring to where the two photos are now?

Thank you.

[Friech]

Hi There,

It seems you already figured out where to change that headline (Trillion Peak)?

Its on: Customizer > Icon > Shop Options > Shop Title

To remove that headline add this on your custom CSS.

.entry-header.shop {display: none;}

You can use the Responsive Slider shortcode to place a slider on top of your page.

Hope it helps, Cheers!

[Hello]

Hi,
Please could you tell me what php file will the code a few posts above in this thread by Friech on November 21, 2016 at 8:14 pm #1266311 will be in in WordPress?

The page the code is in is Shop/. Please check as you have my login details. So once found I can copy that php into my child theme.

It may already be in my child theme but how do you check that unless you know which .php folder it is in?

Thank you.

[Friech]

Hi There,

Sorry, now I’m confused. The code I’ve provided on #1266311 is not a php. That is a shortcodes which you can paste directly on a page as a content.

Please clarify.

Thank you.

[Hello]

Hi,
Oh yes of course. My bad. But will any change to the parent X theme affect it?

I do have a child theme so I was wondering to avoid any changes with updates do I need to put into a child theme or can the shortcode stay in the page?

Thank you

[Friech]

Theme or plugin updates does not affect the page content. Your shortcode will stay in the page.

Thanks.

[Author]

Posts