Return to previous page

Title tag breaking layout - by dccdesign

This topic has 9 replies, 3 voices, and was last updated 10 years, 1 months ago ago by Eva Kemp

dccdesign

Participant

October 29, 2014 at 15:35

This is such a funny problem… Certain product tags are breaking my layout – initially i thought it was the length of title tag so i tried adding a max width to the product-meta box, but that didn’t work. Then I tried adding a line break before the comma in between tags – but that didn’t work.

After hours of pulling out my hair i realised it was because the tag has the word ‘span’ in it! For example: ‘Spanish Cotton Rugs’ – so everytime my client added a prodcut tag with the word ‘Spanish’ it was breaking the template from there onwards!!

Is there anyway to stop this from happening? I don’t want to have to tell my client to remove ‘Spanish’ from every product tag because these will be helpful for SEO.

Can you help?

Thanks,
David

#22273 Copied

8 Answers

Eva Kemp

Support staff

October 29, 2014 at 16:36

Hello,

Could you please provide us with a link where we can reproduce the problem?
Also please give us access to wp-admin panel.

Thank you.
Regards,
Eva Kemp.

#22290 Copied

dccdesign

Participant

October 29, 2014 at 19:17

http://www.batugiftware.com/product/mixed-dark-browns-large-rug-single-weave-140cms-x-200cms/

The prodcut description should be on the right hand side of the prodcut image, like all the other products. This is only happening to products with a tag which includes the word ‘Spanish’

Please, contact administrator
for this information.

#22341 Copied
Robert Hall

Support staff

October 29, 2014 at 19:52
Hello,

Please add this code into custom.css file.
```
.tabs .tab-content {
width: 48%;
}
.single-product-page .product-info{
width: 53%;
float: left;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#22350 Copied
dccdesign

Participant

October 29, 2014 at 20:52

Thanks but that doesn’t help, it just pushes the content below the image on all other products.

#22355 Copied

Eva Kemp

Support staff

October 30, 2014 at 12:41

Hello,

Could you please show a screenshot of what you’re trying to achieve?

Thank you.
Regards,
Eva Kemp.

#22441 Copied

dccdesign

Participant

October 30, 2014 at 15:54

On the left is what happens when my client adds a product tag with the word ‘Spanish’ in it. As you can see the layout is broken.

On the right is what happens if I remove the word ‘Spanish’ from the product tag. The layout is fine.

What I want to achieve is the ability to have the word ‘Spanish’ in a product tag, but for it to not break the layout. Do you see what I mean?

Thanks for your help.

#22483 Copied

dccdesign

Participant

October 30, 2014 at 16:01

I am guessing that having the phrase ‘span’ within the product tag is causing the page to assume that I mean </span> so it is maybe closing the latest instance of <span> that is open…?

Maybe i can try and find the relevant template file that has a <span> declaration and remove this

#22485 Copied

Eva Kemp

Support staff

October 30, 2014 at 19:08

Hello,

Could you please provide us with FTP credentials?

Thank you.
Regards,
Eva Kemp.

#22532 Copied
Viewing 9 results - 1 through 9 (of 9 total)