Hi Greg,
Your theme has a custom CSS function under Theme Options > Design Options; enter that CSS there. Or try a plugin like Simple Custom CSS to keep it independent of your theme (in case you switch). The CSS may need some tweaks – let me know if I can help with that.
Extra code from copy-n-paste has been the cause of such problems before. Try editing the page in Text mode not Visual mode and remove any tags like <code>,</code>.
[strong per_page="3" nav="before,after" newest title]
[client]
[field name="client_name" class="name"]
[field name="company_name" url="company_website" class="company" new_tab]
[/client]
[/strong]
I’m working on a shortcode builder to prevent problems like this 🙂
And you might try this CSS to improve the “required” asterisk on the form:
#wpmtst-form label ~ span.required {
float: none;
}
Please let me know how it goes.
Chris
It is going well, I only have one issue in that there is only one item showing per page and the first page is blank right now. How do I change this?
Also thanks for the very quick reply!
Page Builder. I have a love/hate relationship with Page Builder. I will work on it.
This is fixed in version 1.15. Please update, test everything and let me know how it works.
Thanks for bringing this up and not bailing on Strong. Working through this incompatibility, I learned a lot about WordPress inner workings and was able to make some major, overdue improvements to my plugin. Since Page Builder is very popular, I want to maintain 100% compatibility and I need help from people like you.
I forgot to mention that you will need to do two things.
1. Enclose each [strong]. Examples:
[strong per_page="3" ...][/strong]
[strong ...]
[client]
[field ...]
[/client]
[/strong]
2. Edit and save each widget that contains a [strong] shortcode so Page Builder can re-render it.
So I see the names at the bottom of the page now, but I am not getting the pagination unless the code that I am using is incorrect
Visual Editor widget in page builder
[strong per_page=”3″ nav=”before,after” newest title]
[client]
[field name=”client_name” class=”name”]
[field name=”company_name” url=”company_website” class=”company” new_tab]
[/client]
[/strong]
CSS
/* Pagination
———————————————–*/
.strong-container ul.simplePagerNav {
display: block;
margin: 1em auto;
padding-left: 0;
text-align: center;
}
.strong-container ul.simplePagerNav li {
display: inline;
list-style: none;
margin: 0;
}
.strong-container ul.simplePagerNav li * {
transition: all .3s ease;
}
.strong-container ul.simplePagerNav li.currentPage a {
text-decoration: none;
}
.strong-container ul.simplePagerNav li a {
border: 1px solid #fff;
border-radius: 4px;
color: #95bbca;
display: inline-block;
font-size: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-decoration: none;
width: 1.5em;
}
.strong-container ul.simplePagerNav li a:hover {
background: #026ea0;
color: #FFF;
}
.strong-container ul.simplePagerNav li.currentPage a {
background: #96bbca;
color: #FFF;
}
That shortcode looks fine. Try enclosing the form shortcode too.
[strong form /]
or
[strong form][/strong]
Hi Greg,
I am sorry for this trouble. I believe I have this fixed in version 1.15.4. The pagination, form and slideshow scripts are all playing nice together in my testing.
Please update and let me know how it works for you.
Edit: Remember to clear your browser cache.
