Docs

[rotipom]

Hi I want the Product Title below the thumbnail to break into two lines in a very specific location. I tried using <br> in the title but that creates problems when that product is referenced within the shop, the <br> code shows…

http://www.amytwon.com/shop

Here you can see where it causes problems: http://www.amytwon.com/product/labyrinth-expedition-kit/

Is there another way to do this?

Thanks!

[Nico]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thanks.

[rotipom]

Hi Nico,
Here are screenshots: http://www.evernote.com/l/ABZrnMozZflEAo8hYDBI-C18Cys4XBXpVQE/

So in the first image, I circled in red where I’ve attempted to break the Product Title into two lines by inserting a <br> in the Product Post Title (see third image).

The second image shows where the problem comes up – everytime that product is referenced, the <br> code shows.

So it looks like this method is a little hack-ish and I’m wondering if there’s a better way to do this. I also tried changing the CSS white-space from ‘nowrap’ to ‘normal’ but that breaks it into two lines but I cannot control how it looks. I want the break to be specifically where the parenthesis ( ) starts in the Product Title.

Hope this is clearer, thanks!
A

[Jade]

Hi A,

Please try to add this code in the customizer:

.post-type-archive-product .post-533.product .entry-header h3 a {
    display: block;
    width: 150px;
    margin: 0 auto;
}

Hope this helps.

[rotipom]

Hi Jade,
That does the same thing as changing the white-space nowrap CSS. Which is limit the width I believe so the Product Title wraps, and it’s also called out only for one specific product ID. I’d like to do this for all products and also in a specific way:

What I’m looking for is a way to insert a line break at a specific point in the Product Title.
For example:

“Realms of The Enchanted Labyrinth” <br> (Set of 4 Prints) –>this is what I’ve been doing but that <br> appears when the product title is referenced elsewhere in the shop.

Hope this clarifies, thanks!
Amy

[Darshana]

Hi there,

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Author]

Posts