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    0
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    547
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+    1
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    547
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    0
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    1,327
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+    3
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    436
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    0
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    1,327
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+    3
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    436
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+    3
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+    3
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    436
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    0
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    1,327
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    0
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    1,327
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    1,327
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

    • 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.
    • xcel7
      By xcel7
      Hi,
      My site on framework is broken (we don't have acces on menus and widgets anaymore), but it took long hours to build this site with our client, over one year, that's why we still are using framework.
      I'm not sure the client would be ok to pay for a new site as this one is online for a few months only… So I would love to be able to work on this one built in Framework. Any idea?
      TIA
      Ines
×