Jump to content

Archived

This topic is now archived and is closed to further replies.

Josiah L

How to format custom widgets like the default Columnizer widget area

Recommended Posts

Josiah L

I am wanting to have custom widgets formatted similar to the generated default Columizer widget area. The problem is as soon as I use my own widgets with Columnizer with the "custom sidebar" plugin, I don't have h3's wrapping the widget title to format properly. Is there a way I can manually ad "tags" around my widget titles using my own widgets? 

Share this post


Link to post
Share on other sites
Rob

It may be possible to wrap your titles like this <h3>My Title</h3>, but if there's pre-structured formatting or the system won't accept that it will display exactly as written, rather than as desired.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
colleenc

It may be possible to wrap your titles like this <h3>My Title</h3>, but if there's pre-structured formatting or the system won't accept that it will display exactly as written, rather than as desired.

 

I tried that solution, as well as <strong>My Title</strong> and the system simple stripped out the formatting. I'm going to try a custom class and then apply that to the footer area. I just need to figure out what the widget titles are called...

Share this post


Link to post
Share on other sites
Rob

Jake (another moderator) and I were testing this earlier this evening and discovered there's a problem, and a possible bug.  It may be the plugin, or a problem with the columnizer.  We're going to continue testing today and report this as a possible bug. It's not you.

 

I tested the same condition on my own site and had the same result as you.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
velocityconcepts

Has anyone figured this out? Its quite annoying that it does not act as advertised... 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

The issue has already been reported in our bug tracker, so our developer are aware of the issue. In the Meantime you could try using this other plugin, which from my quick test didn't remove the header tags.

 

http://wordpress.org/plugins/sidebar-manager-light/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
itarsenal

So I've tried to use the sidebar manager light, but I can't figure out how to get the widgets to actually be in columns like you'd think they would by the title. They just show up in one column like this. http://bit.ly/1hU0iB5

 

What am I doing wrong as I test out and try to migrate from Pagelines to DMS.

 

Thanks!

 

-r


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
James B

Hi there,

 

In the columnizer settings after you've selected the menu and saved, set the 'number of grid columns' to something other than 3 that's the default and save/publish and you should see the change. http://screencast.com/t/pbPsmzTV8GW


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
manuel_84

Hi,

 

The issue has already been reported in our bug tracker, so our developer are aware of the issue. In the Meantime you could try using this other plugin, which from my quick test didn't remove the header tags.

 

http://wordpress.org/plugins/sidebar-manager-light/

 

still have this issue: no widgets title styling is possible because is not wrapped inside a <h> tag

Share this post


Link to post
Share on other sites
Danny

manuel_84 - Can you provide a link to the site in question and make sure DMS debug mode is active please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
itarsenal

Hi there,

 

In the columnizer settings after you've selected the menu and saved, set the 'number of grid columns' to something other than 3 that's the default and save/publish and you should see the change. http://screencast.com/t/pbPsmzTV8GW

 

Hi James, still not working...I've set it to 6 and I'm not seeing columns http://bit.ly/1dV6Z5k, it looks like the widget is taking up more space though. I'd like something like 3 widgest in this area, which was easy to set up using the old Pagelines. How can i get around this.?


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
James B

Hi there, I've just set up three columns using widgets I've put into a custom sidebar. I've recorded a screencast for you.

 

Checkout - http://screencast.com/t/pDUFsWqO9jZ


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
itarsenal

Thanks for that. I've done the exact same things, but get different results, so there must be something in my install, or css, or something prohibiting it from working correctly. I'll keep investigating.


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
itarsenal

So I don't have any CSS that impacts this part of the footer. You can see the site for yourself here: http://itarsenal.staging.wpengine.com/

 

I've created a video as well, doing the same actions you have, but my widgets still line up vertical. I'm using WPEngine, DMS WP 3.8.1

 

Here's the video: http://youtu.be/UmZ5mNwCmVY

 

How can I fix this?


Robert Granholm

http://itarsenal.com | Technical Support for Online Entrepreneurs

Share this post


Link to post
Share on other sites
James B

Hi Rob, that is strange as the default icons display as normal first. Can you put up the broken version so we can see what css is actually being applied to those widgets. At the moment the site seems to have the default set up.


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
Slate

itarsenal I was having the same problem and tracked it down to the DMS Professional Tools plugin. When I deactivate this plugin the columns float correctly. It appears to only effect the custom sidebars created with Sidebar Manager. If I use the default WordPress sidebar the styling is fine. I have not been able to pinpoint the exact code that is making this happen, but hopefully it will get resolved. When I reactivate the DMS Pro Tools plugin after all is fine. Hope this helps.

Share this post


Link to post
Share on other sites
Danny

Slate - Can you record the issue as I am unable to recreate the issue you describe. You can use QuickCast or Jing.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Slate

Danny - I just tried to recreate the fix on a clean install and it appears that it was just a coincidence that when I disabled DMS Professional Tools on my last site that it fixed it. You will see on a clean install of 3.9.1 the custom sidebar through Sidebar Manager called "Custom Footer" is still having problems and formatting in a single column while the default Wordpress Primary Sidebar is not.

 

http://recordit.co/z2SxKR7kJk

Share this post


Link to post
Share on other sites
Danny

What plugin are you using to create your custom sidebars ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny

This may be a bug, I have reported this to our tracker for you.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • jeomiland
      By jeomiland+
      Hello
      Am upgrading a site made in DMS2 to Pl5. Have run into several snags I didn't anticipate from DMS sections the client liked and was used to in DMS not being available in Pl5.
      Currently trying to recreate the "Columnizer" I used for the footer in cassClayton.com. Using the "sitemap footer" section, however that gives options for 3 menus plus a text ares (plus some socials and copyright text). Well I need the second 2 columns to NOT be menus, but rather the latest Posts and Comments.
      Will appreciate some leads how to make this happen. Perhaps there is a different footer section that's ideal for this? Or should I simply drag a couple Container sections and Text sections to do this?  Also, kindly point me to a reference for shortcodes for "recent posts" and "comments".
      Also, I loved the "RapidTabs" section for sidebars. Is there a replacement for that? Again, I need to find shortcodes for posts/comments, so any leads are much appreciated.
      thanks
      john-erik
      Oh, you can check out the new (PL5 version) of the site underdevelopment at https://cassclayton.com/upgrade/
    • reklov79
      By reklov79+
      Hi,
      Meganav seems to have a bug if you upload a Logo with a higher resolution (which actually is useful as it looks then sharper on mobile phones). But on mobile the Logo is then larger than on a desktop. Problem is the following code in the meganav style.css. Simply the "height: auto !important" needs to be removed.
      @media (max-width: 480px) { style.css?ver=5.0.14:133 body .meganav-logo img{ height: auto !important; } } But how to achieve that? What is the standard method for customizing that? Overriding via CSS / LESS doesn't work - in this case especially because of the !important derictive used in the original CSS I believe.
      Changing the original CSS is something I don't want to do as it leads into issues when upgrading.
      Btw: I seem not to be the only one with that issue - anyhow, the solution here (not displaying the Logo on mobile) is not acceptable for me.
      Thanks,
      Volker
       
    • thesongchanneler
      By thesongchanneler
      Hello,
       
      For some reason, when I widgetize an image by, uploading the media, linking it to a page, and dropping the html into a widget area in the "widget" tab, the thing works, but the image shows up SMALLER on the screen than when I just upload it as a pic in a "media box" component via pagelibnes. I can make the widget image bigger in the media file, but then it is blurry, whereas, automatically it is bigger and crystal clear when uploaded as just a media. My screenshot file was too big too attach, but please see webpage: devorakalma.com. The top pic (of the girls with the pink text) is just a media file; below it is the file in a widgetized area...   it is at 12/12 capacity and cannot be made bigger in editor. And as said, it just becomes blurry when made bigger in media. IS THERE A WAY TO DIRECTLY MAKE THE MEDIA BOX IMAGE CLICKABLE? Instead of going through dropping it in a widgetized area? I just want it to be large and clear, the way the top image looks. And to be able to click on it. Thank You!
       
      website: devorakalma.com
    • marcuscarson
      By marcuscarson
      I'm hoping to create multiple blog pages where each one only shows posts from a specific category.
       
      For example:
      Page 1: site.com/category/food Page 2: site.com/category/animals Page 3: site.com/category/mineral Currently, when I try to place a masthead section with a unique title at the top of one of these pages, the same masthead section appears on all of them. I have "unlinked" the page from any sort of template, and I have tried to create a unique templates for each. In all instances, the changes I make on one appears on all the other (except for the posts that are being displayed).
       
      Is it possible to do what I'm trying to accomplish? Any help is appreciated.
    • margie
      By margie
      Hi-
       
      In my footer, I have a columnizer set up with a widgetizer in it.  The widgetized area contains one widget with two custom menus.  Everything works great except for the gray line under each menu item that spans the width of the set column (currently set at grid column for each widget-6).  The gray line also shows up under the images in my flipper box (under Flipper Meta, I have the code-&nbsp;-to remove the dates;  I also have a shortcode to remove the karma sitewide).  Is there someway to get rid of the gray lines?
       
      Thanks so much and have a great day.
×