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/
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
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)
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.
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!
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
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.
Thanks Guys,
Aldo,
I wasn’t able to see a change with your code, but I believe Andrew solved it.
Thanks again!
Jim
Glad to hear that helped. All the best :)
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" );Awesome :)
Thanks for sharing Todd!