
- Click for more info button pdf#
- Click for more info button code#
See this article for more information about the settings in the Transition from resting state to hover state. If set to Enabled, there's a 0.2-second linear Gradient: gradient of the background color, lighter on top and darker onĭisabled by default. If this setting is left blank, theīackground color setting applies to hover also. Set the fill color for the button in the resting state. See this article about the Typography section settings. Set the button text color in the resting state. Click the Link icon toĪutomatically make all four padding values the same. See this article for a description of how the alignment toggle settings work. You can set a custom width in px, vw, or %. The Style tab is shown in the screenshot and described below.Īuto width: Width adjusts to fit the text and icon.įull width: The width expands to the content area minus the module's
If you choose Lightbox, a Content type option lets you choose either HTML or Video.įor HTML, add any code to display in the lightbox.įor Video, a field opens so you can provide a URL for a video from a service such as Youtube or Vimeo. If you choose Link, a Link field opens for you to enter a typical URL link to another page or location. Icon visibility: The icon can be always visible or appear on hover only. Icon position: Before or after the button text. Insert the URL of the video you want to play in the lightbox, from a service such as Youtube or Vimeo: You can click from a button to display individual images from a hidden Gallery module in a lightbox.
Use shortcode from a plugin to display the contents of a PDF file. Embed an audio player with audio shortcode. In the following screenshot, the shortcode for a saved row containing a Call to Action module was inserted into the HTML box to make an opt-in popup. With the HTML option, an HTML editing box lets you enter custom code such as HTML markup, embed code for a video, or shortcode. If you choose the Lightbox option, you next choose whether the lightbox will display custom HTML content or play a video from a URL you provide, as described in the following sections. Yes means "Yes don't follow the link." For more information about when to use nofollow, see the Google webmaster article. The default is No, which tells search engines to follow the link. The Link No Follow field tells search engines whether or not to follow the link. Set Link target to determine whether the linked page replaces your current page in the same tab ( Same window ) or opens in a new tab ( New window ). Enter the URL to the link or click Select to choose a page or post from your site. When you set Click action to Link, a Link section opens. You can set the button's click action to either a link or a lightbox. Theĭefault font family for the button text depends on the font family set for the Is white text for darker accent colors and black text for lighter colors. If you're using the Beaver Builder Theme, the buttons' initial style comes from the settings at Customize > General > Buttons. Button examples Button style Default button style For a description of the differences, see the article about opening a video in a lightbox. You can play a video in a lightbox using either a Button module or a Video module.