This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Using page builder and tiny cme can I make the widget title a link?

Resolved 10 replies premiumthemetheme-vantage
James Ross
10 years ago · Last reply by Andrew Misplon 10 years ago

Using page builder, I add a row and use tiny cme or visual editor. Is it possible to turn the title of the widget into a link? Or is it possible to make a whole row of the page builder into a link?

In the link I am trying to get each row or title to link to a page. (ie.Sundek® | Concrete v2.0)

Thanks

URL: http://www.environmentalpavingsolutions.dreamhosters.com/services/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Daniel Staff 10 years, 11 months ago

    Hi James

    Try installing and inserting the Visual Editor widget: http://wordpress.org/plugins/black-studio-tinymce-widget/ which will give you an editor to work with in Page Builder.

    Let me know the outcome

    Cheers

  2. James Ross 10 years, 11 months ago

    I have the visual editor widget already, I think…

    Here is my issue (I’m very new to websites, so maybe this is a really easy issue and I am making it sound harder)

    http://imgur.com/McGdg3m (make title a link)
    or if possible http://imgur.com/bwzsMkc (make a whole row a link)

  3. Andrew Misplon Staff 10 years, 11 months ago

    Hi James

    It’s unfortunately not possible to link widget titles in WordPress. What I’d suggest doing with the Visual Editor widget in particular is leave the widget title blank and insert your own title in the widget body, that you can link. You can select heading styles like h1, h2 etc from the drop down menu within the toolbar of the Visual Editor widget.

    It’s also unfortunately not possible, within Page Builder options, to link an entire row. You could however link images inserted with the Visual Editor widget.

  4. James Ross 10 years, 11 months ago

    I figured that was the answer…
    My issue with using heading in the body is it still leaves an empty space where the heading should go, this causes the top of the text to be one line down from the picture next to it.
    See: http://imgur.com/dprspdi

    What can I do to get the title area out so I can bring the body to the top?

    Thanks!

  5. Daniel Staff 10 years, 11 months ago

    Hi James

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #pg-20-0, #pg-20-1, #pg-20-2, #pg-20-3, #pg-20-4, #pg-20-5, #pg-20-6, #pg-20-7, #pg-20-8, #pl-20 .panel-grid-cell .panel {
  margin-bottom: 0px !important;
}
article.post .entry-header, article.page .entry-header {
  margin-bottom: 0px !important;
}

    Try that out

    Cheers

  6. Andrew Misplon Staff 10 years, 11 months ago

    Thanks Addo.

    James, under Appearance > Custom CSS you could also try the following:

    /* Services */
.page-id-20 .textwidget h2:first-of-type { margin-top: 0; }

    What we’re saying there is the first heading in a Visual Editor widget on the services page but must have no top margin. Hope that helps.

  7. James Ross 10 years, 11 months ago

    Thanks Guys,
    Aldo,
    I wasn’t able to see a change with your code, but I believe Andrew solved it.
    Thanks again!
    Jim

  8. Andrew Misplon Staff 10 years, 11 months ago

    Glad to hear that helped. All the best :)

  9. Todd Sumrall 10 years, 8 months ago

    I needed to link the widget title using tinymce and blackstudio in page builder. I stumbled across a code snippet that will allow you to link the title in any widget including tinymce. I’ve tested it out and it works. You should also use css to style your h2 a (or whatever the heading tag is you have) and your h2 a:hover.

    Once you include the below code snippet to your CHILD functions.php, you simply grab the url and stick it in the title area followed by a PIPE and your Title name like this:

    http://yoururldestination.com|My Fancy Page

    That is all there is to it.

    /*
Plugin Name: Custom Widget Title Links
Plugin URI: http://www.playforward.net/
Description: Allows you to define a link that is wrapped around widget titles.
Version: 1.0
Author: Playforward | Dustin Dempsey
Author URI: http://www.playforward.net/
*/
function custom_widget_link( $title ) {
// assume there's a link attached to the title because it starts with ww, http, or /
	if ( ( substr( $title, 0, 4) == "www." ) || ( substr( $title, 0, 4) == "http" ) || ( substr( $title, 0, 1) == "/" ) ) {
// split our title in half
		$title_pieces = explode( "|", $title );
// if there's two pieces
		if ( count( $title_pieces ) == 2 ) {
// add http if it's just www
			if ( substr( $title, 0, 4) == "www." ) {
				$title_pieces[0] = str_replace( "www.", "http://www.", $title_pieces[0] );
			}
// create new title from url and extracted title
			$title = '<a href="' . $title_pieces[0] . '" title="' . $title_pieces[1] . '">' . $title_pieces[1] . '</a>';
		}
	}
return $title;
}
add_filter( "widget_title", "custom_widget_link" );
    • Andrew Misplon Staff 10 years, 8 months ago

      Awesome :)

      Thanks for sharing Todd!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread