shortcodes don't show well

giannisth · May 2021

hello, i am trying to apply some shortcode e.g for fancy title. The shortcode is from https://themes.muffingroup.com/be/theme/shortcodes/content-elements/#fancyheading

and i am copying

[fancy_heading title="Praesent dapibus neque id" h1="0" icon="icon-picture" slogan="" style="icon" animate=""]
<p class="big">Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.</p>
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="#"]
[button title="Button with icon" icon="icon-heart-fa" icon_position="left" link="#" color="theme"]
[/fancy_heading]

and this [fancy_heading title="Praesent dapibus neque id" h1="0" icon="icon-lamp" slogan="Morbi in sem quis dui placerat" style="line" animate=""][/fancy_heading]

but the result is not as shown on your page.

Mine is like this

https://i.imgur.com/ac5zZZN.png

Phil · May 2021

Hello,

That is because you used the Code item, and it is only for display the code on your website.

https://themes.muffingroup.com/be/theme/shortcodes/typography/#code

If you want to parse, use the Column item instead.

Thanks

giannisth · May 2021

ok,i saw it later on, thanks.

I applied it but how do i change the colour of text and why does the icon not show?can i change it's colour too?

Phil · May 2021

To change the text color, you can use inline CSS with the color attribute.

But I need to take a closer look at why your icon is not showing and its color.

Can you send me a link to your website, please?

Thanks

giannisth · May 2021

hi, i would like to apply the color D3D3D3 to the top title as shown here https://i.imgur.com/jff39U6.png

i have tried adding it appropriatelly in different ways but it does not apply. Where should i add it please?

Regarding the icon it is ok now an " was missing.

The site is under construction

thank you

Phil · May 2021

The Fancy heading title use a <h2> tag, and you can change its color in Betheme -> Theme options -> Colors -> Headings.

But if you want to change the color for only Fancy heading, please, put the following CSS code in the Custom | CSS section placed in Page options.

.fancy_heading .title{
   color: #D3D3D3!important;
}

Thanks

giannisth · May 2021

hi, thanks for the reply. i wish to apply this colour only on this item which is the last one before the footer https://i.imgur.com/Bx4pOtl.png and not generally on fancy header because on other items the bg colour will be other. so what must i apply on this code and where please? https://i.imgur.com/k1vlgdA.png

P.S under the item there is a contact form which is not supposed to be there. but on the above link you can see that no contact form shortcode is entered.

Phil · May 2021

1) If you want to apply this color to the only particular item, please, add a class name of your choice to the column that contains this shortcode and put the name of this class at the beginning of the code.

2) Can you send me a link to your website so I could take a closer look at this contact form, please?

Thanks

giannisth · May 2021

i have sent an email with refferance to this issue

Phil · May 2021

1) I noticed that you did not put a space between two classes in the code. I have added it, and now it is working as it should.

2) The contact form is below because you have put it in a different builder. If you are using a Muffin Builder on a page, you should not mix it with another one.

Please, put the shortcode of your Contact Form in a column item, and thanks to that, you will be able to place it wherever you want.

Thanks

shortcodes don't show well

Comments