[Loren NParticipant]

Hi,

I’m using short codes to add a banner area to a woocommerce page. I can add this area by using the the description area in each category. All is good but I can’t seem to get the columns to work. Here’s the code I’m using.

[content_band style= border="all"  no_margin="true" padding_top="0px" padding_bottom="0px"]
[container]
[column type="2/5"]
<h1 style="font-family: 'Palanquin', sans-serif; font-size: 25px; text-align: left;">Title here </h1>
<p style="font-family: 'Palanquin', sans-serif; font-size: 15px; text-align: left;">Copy here.</p>
[/column]
[column type="3/5” last="true"]
[image type=”thumbnail” src="/wp-content/uploads/2015/10/Kids-banner-pencils-and-nails.jpg"]
[/column]
[/container]
[/content_band]

And here is the page >> http://www.sdmtest1.co.uk/product-category/kids/

Why won’t it work?

[RupokMember]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Loren NParticipant]

Hi,

I don’t think this is customisation in any form. I’m just using X short codes in a html box.

Can you confirm if I have the short code compilation correct for what I’m trying to achieve?

Thanks.

[ChristopherModerator]

Hi there,

Sorry for misunderstanding, please update your code to :

[content_band style= border="all"  no_margin="true" padding_top="0px" padding_bottom="0px"]
[container]
[column type="2/5"]
<h1 style="font-family: 'Palanquin', sans-serif; font-size: 25px; text-align: left;">Title here </h1>
<p style="font-family: 'Palanquin', sans-serif; font-size: 15px; text-align: left;">Copy here.</p>
[/column]
[column type="3/5" last="true"]
[image type="thumbnail" src="/wp-content/uploads/2015/10/Kids-banner-pencils-and-nails.jpg"]
[/column]
[/container]
[/content_band]

Hope it helps.

[Loren NParticipant]

Hi,

I’m not sure what changed between my code and yours (can’t find any differences) but it kinda worked. Not as I wanted to though.

I tried myself, and by removing the [container], it views much better. The only thing I’d like to do now is apply a background colour to the content band. I’ve tried inline css but I must be doing it wrong. Can you advise of the correct way to do it please?

Thanks.

[Paul RModerator]

Hi Loren,

You can add inline style to your content band.

[content_band style="background-color:red;" border="all"  no_margin="true" padding_top="0px" padding_bottom="0px"]
[container]
[column type="2/5"]
<h1 style="font-family: 'Palanquin', sans-serif; font-size: 25px; text-align: left;">Title here </h1>
<p style="font-family: 'Palanquin', sans-serif; font-size: 15px; text-align: left;">Copy here.</p>
[/column]
[column type="3/5" last="true"]
[image type="thumbnail" src="/wp-content/uploads/2015/10/Kids-banner-pencils-and-nails.jpg"]
[/column]
[/container]
[/content_band]

Change red with the color that you like.

Hope that helps.

[Author]

Posts