Jump to content


Photo
- - - - -

Callout floating button remove

callout button remove

Best Answer Danny , 13 March 2013 - 10:46 AM

Hi Adam,

 

I think the best course of action is for you to use basic HTML like you have in the ContentBox but not use the Callout Sections HTML, simply use your own. This way you have more control over the style.

 

For assistance with HTML, visit - http://www.w3schools...tml/default.asp

 

Also, see our Using Typography documentation which may assist you. - http://support.pagel...ing-typography/

 

Alternatively, you could use the following to hide the Callout Button.

 

 

 
.home .section-callout .callout_action {
display: none;
}
Go to the full post


  • Please log in to reply
8 replies to this topic

#1 grintstick

grintstick

    Advanced Member

  • Members
  • 30 posts
  • LocationLondon

Posted 13 March 2013 - 12:54 AM

Hi, 

 

Whenever I use a Callout without using a button in the metadata settings I get a small floating white button in the result e.g. here:

Please Login or Register to see this Hidden Content

 

It's on the right hand side, to the right of 'How it Works'.

 

Anyone know how I remove that?

 

thanks...



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2013 - 04:19 AM

Hi there

 

First, i like the illustrated elements of your site, they look really good :-)

 

The callout section will still have the code for the button class inside the section, which is why that little tab is appearing. You'd need to hide that button using css, setting the btn class to display:none. If you've not used css before inside the framework, check out

Please Login or Register to see this Hidden Content

which will explain the process and tools to use.

 

However, an easy option might be to use a contentbox instead of the callout section. Contentbox is a free blank container you can download from the store, it will appear as an additional drag and drop section so you can position it in the same place. You can then add your text and image content to it as html.

 

If you don't know html, place the text and image in a post in the correct layout, switch from visual mode to text mode so you can see the html. Copy and paste that html in to the contentbox.



#3 grintstick

grintstick

    Advanced Member

  • Members
  • 30 posts
  • LocationLondon

Posted 13 March 2013 - 10:33 AM

Hi  - 

 

Thanks a lot for the response - really helpful.  And thanks for the compliments!

 

I've just done a test with a content box which is probably the way to go.  I've just put it below the Callout just to compare:

 

Please Login or Register to see this Hidden Content

 

The only thing is - How do I adjust the point size of the text in the content box?  I've laid it out in a post and copied the html as you said but there doesn't seem to be an option to change the text size in the Visual Editor.  Also, the gap between the heading 'How It Works' and the text is too large.  If I could adjust the font size perhaps I could sort this out just using normal text rather than as a 'Heading' which I think is causing the gap.

 

The other thing I want to do is left justify the text at the top under 'What We Do'.  I'm using a highlight in a sidebar at the moment but maybe there is another way?

 

thnaks again, 

 

Adam.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 17580 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 March 2013 - 10:46 AM   Best Answer

Hi Adam,

 

I think the best course of action is for you to use basic HTML like you have in the ContentBox but not use the Callout Sections HTML, simply use your own. This way you have more control over the style.

 

For assistance with HTML, visit - 

Please Login or Register to see this Hidden Content

 

Also, see our Using Typography documentation which may assist you. - 

Please Login or Register to see this Hidden Content

 

Alternatively, you could use the following to hide the Callout Button.

 

 

Please Login or Register to see this Hidden Content



#5 grintstick

grintstick

    Advanced Member

  • Members
  • 30 posts
  • LocationLondon

Posted 13 March 2013 - 11:56 PM

Hi Danny - thanks for this.  I'll give that a go as you suggest...



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 March 2013 - 04:09 AM

Let us know how you get on.



#7 grintstick

grintstick

    Advanced Member

  • Members
  • 30 posts
  • LocationLondon

Posted 21 March 2013 - 10:41 PM

Hi just coming back to you on the above - 

 

I did it with the CSS option in the end.  I started using HTML, but I was getting into deep water with trying to change the text size and the leading between the heading and text below, so I'm afraid I've taken the easy option!

 

The only other thing I wanted to do on that page was left justify the text at the top - the 'What We Do' title and text underneath.  I am using a Highlight section in a sidebar at the moment, but it defaults to being centre justified:

 

Please Login or Register to see this Hidden Content

 

thanks again for your help, 

 

Adam.



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 22 March 2013 - 04:07 AM

Hi Adam

 

You can set the text to align left for that section using the css command

 

Please Login or Register to see this Hidden Content

 



#9 grintstick

grintstick

    Advanced Member

  • Members
  • 30 posts
  • LocationLondon

Posted 22 March 2013 - 10:59 PM

Perfect - worked straight off, thanks a lot.

 

Adam.