Jump to content
Sign in to follow this  
grintstick

Callout floating button remove

Recommended Posts

grintstick    0
grintstick

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:

http://minidynasty.com/public_html/

 

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

 

Anyone know how I remove that?

 

thanks...

Share this post


Link to post
Share on other sites
James B    436
James B

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 http://support.pagelines.me/docs/customization/custom-css/ 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.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
grintstick    0
grintstick

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:

 

http://minidynasty.com/public_html/

 

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.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.com/html/default.asp

 

Also, see our Using Typography documentation which may assist you. - http://support.pagelines.me/docs/miscellaneous/using-typography/

 

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

 

 

.home .section-callout .callout_action {
display: none;
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
grintstick    0
grintstick

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

Share this post


Link to post
Share on other sites
James B    436
James B

Let us know how you get on.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
grintstick    0
grintstick

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:

 

http://minidynasty.com/public_html/

 

thanks again for your help, 

 

Adam.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Adam

 

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

 
#highlight .copy-pad .highlight-area {
    text-align: left;}

 

 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
grintstick    0
grintstick

Perfect - worked straight off, thanks a lot.

 

Adam.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×