Link in Callout Shortcode

[diytravelhq]

How can I have the link in the “Click Me” button on the Callout shortcode open in a new tab/window?

[callout type=“left” title=“Engaging Title Here” message=“Add in your content here. Make sure that it is something super duper awesome to get people to click on the button below!” button_text=“Click Me!” href="#example"]

http://demo.theme.co/ethos-1/shortcodes/callout/#holder

[basanta]

Hi There,

Thanks for writing in!

You can add target=_bank inside the shortcode.
Example.

[callout type="left" title="Engaging Title Here" message="Add in your content here. Make sure that it is something super duper awesome to get people to click on the button below!" button_text="Click Me!" href="#example" target="_bank"]

Hope this works!

[diytravelhq]

That hasn’t worked for me…

I tried both target=_bank and target="_bank"…

Here is the exact shortcode I am using:

[callout type=“left” title=“Top 20 Places to Visit in Southern England” message=“Check out our full UK road trip itinerary…” button_text=“Read more” href=“https://diytravelhq.com/places-to-visit-southern-england/”]

[basanta]

Hi There!

Sorry, my bad that should be target="_blank" not the bank.

[callout type="left" title="Engaging Title Here" message="Add in your content here. Make sure that it is something super duper awesome to get people to click on the button below!" button_text="Click Me!" href="#example" target="_blank"]

Hope this helps!

[diytravelhq]

It’s still not working for me in this format -

[callout type=“left” title=“Top 20 Places to Visit in Southern England” message=“Check out our full UK road trip itinerary…” button_text=“Read more” href=“https://diytravelhq.com/places-to-visit-southern-england/” target="_blank"]

[christian]

Hey Sheena,

We’re sorry for the confusion. It needs to be target="blank". No underscore. Please test this version of the code:

[callout type="left" title="Top 20 Places to Visit in Southern England" message="Check out our full UK road trip itinerary..." button_text="Read more" href="https://diytravelhq.com/places-to-visit-southern-england/" target="blank"]

It works in my test site.

Hope that helps.

[diytravelhq]

Finally it works thanks!

Another questions… How can I change the colour of the callout title?

[friech]

Hi There,

@diytravelhq

How can I change the colour of the callout title?

Add a CLASS to your Callout shortcode.

e.g.
[callout type="left" title="Top 20 Places to Visit in Southern England" message="Check out our full UK road trip itinerary..." button_text="Read more" href="https://diytravelhq.com/places-to-visit-southern-england/" target="blank" class="my-cta"]

Then use that CLASS to style your CALLOUT’s title and message by using the following CSS snippet.

/*CALLOUT TITLE STYLING*/
.my-cta .h-callout {
	color: tomato;
}

/*CALLOUT MESSAGE STYLING*/
.my-cta .p-callout {
	color: cyan;
}

You can add custom CSS to Theme Options > CSS

The button STYLING is on Theme Options > Buttons

Hope it helps,
Cheers!