Discussion on Ubergrid - Responsive Grid WordPress Theme

Discussion on Ubergrid - Responsive Grid WordPress Theme

Cart 1,899 sales
Well Documented

pukkathemes supports this item

Supported

This author's response time can be up to 1 business day.

541 comments found.

Nice grid theme and excellent support service!

Thank you! :)

Great theme! On the homepage (grid format), is there any way to either remove the “Category” tag that displays or have ALL category tags display?

It currently only selects ONE category (if 3 are ticked for example); and chooses the first – alpha order. I’d like to display all or remove.

Thanks

Hi,

the space is pretty limited, that’s why only first category is displayed.

If you want to hide it, just paste this CSS code into the “Custom CSS” textarea (Theme Settings -> Style):
.brick-meta > a{ display: none; }

Best

Hi ! (I bought this theme with another account)

We don’t like “read more text” like it is now, because it’s always in a different position, is it possible somehow to put the “read more text” in the “brick-meta-wrap” area ?

Hi,

you could do that, but a template file modification would be required.

Do you have any coding skills? It’s not complicated and I could point you in the right direction.

Best

Yes we have coding skills, can you give a few steps / filenames / lines ?

Here you go:

If you want to move “read more” on front page “boxes” you should edit files located in “ubergrid/pukka/modules/grid-layout/views” folder (depending on which post format you want to modify, but from what you’re telling me probably all).

To be safe that your changes don’t get lost when theme is updated, you should copy modified file to “ubergrid/pukka-overrides/grid-layout/views” (more info about it you can find here: http://demo.pukkathemes.com/ubergrid/documentation/#3.8 ).

There you can insert your “custom” read more link.

There are several solutions in order to remove already existing one, the simplest one would be to just hide it via CSS:

.brick .moretag{ display: none; }

Best

Hi, Just purchased the Ubergrid theme and you have done a great job! Just a couple of questions.

1. When i search for an article from the search bar the results do not display the associated picture for the post – i would like this function to work as on your demo page search results do show their associated picture when search results are listed.

2. Also I would love the search bar to be located in the menu sidebar if possible and also included in the mobile optimized page.

Once again thankyou for the great theme and looking forward to your response. Regards Nikhil

Hi thanks for the prompt reply,

How would I set featured images? I have set the post as a featured post and have secondary images uploaded.

In regards to the search bar I will open a ticket and please do have a look at my mobile site to have a look at the popup submenu:

My url is www.societycard.com.au

Regards Nikhil

I have figured out how to set featured images ;)

Great,

your ticket has been answered.

Best

Not keen on the fixed widths on the Masonry bricks in the grid, fixed width leaves blank gaps in the grid on various resolutions. Below is a quick fix if anyone wants percentage based bricks instead (way better, perhaps Pukka can add this to the theme?) Adjust media queries and percentages as you see fit.

@media screen and (min-width : 701px) and (max-width : 1100px) { .brick-small {width:49%;} .brick-medium {width:49%;} .brick-big {width:49%;} }

@media screen and (min-width :1101px) and (max-width : 1440px) { .brick-small {width:24%;} .brick-medium {width:24%;} .brick-big {width:50%;} }

@media screen and (min-width : 1441px) and (max-width : 1920px) { .brick-small {width:15%;} .brick-medium {width:15%;} .brick-big {width:34%;} }

@media screen and (min-width : 1921px) and (max-width : 3000px) { .brick-small {width:12%;} .brick-medium {width:12%;} .brick-big {width:25%;} }

Also need to add this (replace ID with Hash symbol, comments field won’t allow it for some reason)

IDbrick-wrap { max-width: 3000px; }

Hope you all find that useful ;)

Hi hampusbonnier,

thanks for you modification! Perhaps you could leave a link to your website so interested people can see a preview?

If you make your “bricks” percentage width, did you also change size of the (featured) brick images?

Best

I have been trying to change the colors of the stripes of the theme using the style tab under the themes options and it just wont work. Any idea what can be causing this issue ?

Hi,

i’ve just tried changing colors, on our test site, and it worked like it should (I’ve changed stripe color for all 3 “box” sizes), so I’m not sure what could be the problem.

Can you open a ticket with our support system at pukka.ticksy.com and share your WP login credentials so we can take a closer look?

Best

Hi I’d like to know what determines the size of the posts on the home page. Some are large features (seen at top), some are medium size rectangles, (seen left second row), and some are smaller squares (seen right second row).

I’d like to know what determines the size of these? Is it the size of the featured images? Or does it have to be manually selected for each post?

Thanks

Hi,

unfortunately? there is not an option to automate such process, although I think that it isn’t hard to make one if you have coding skills.

Best

Ok thanks. Any suggestions as to how I might want to get started with the desired customization?

There is a global variable which holds (post) box size, you could just make a check how large featured image is and modify that variable accordingly.

Check itself could be similar to this:

function support_get_box_size( $attachment_id ){
    if( !is_numeric($attachment_id) ){
        return;
    }

    $img = wp_get_attachment_image_src($attachment_id, 'full');

    // $img[1] - width, $img[2] - height

    if( $img[1] < 300 && $img[2] < 200 ){
        return 'small';
    }
    elseif( /* whatever condition */ ){

    }
    else{
        return 'big';
    }

}

Note just that I wrote this without checking, so some code modification could be needed to meet your needs.

Best

Hi, I have the UberGrid theme installed. I posted a youtube video but it shows as 1 cell wide, I would like it to be 2 cell wide like the sample “Video Killed the Radio Star” video which is 2 cell wide. How can I make a post wide (2 cell) or small (1 cell?) I try to look under post options can’t find it. Thank you.

Hi,

it depends, do you use “Front page manager”?

If so, you can set the “box” size on that page ( https://app.minbox.com/files/7vt97vV ), also box size could be set on the “post edit” page ( http://mbx.cm/t/I4GMu ).

Just set it to “big”.

Best

Hi, I’m editing a website using Ubergrid at the moment, loving the theme btw. I’m trying to figure out how to edit the bricks on the homepage, but I cant seem to find any means of editing the bricks beyond content and dimensions, oh and the stripe thing, is there a particular option I’m missing or do I need to use some CSS to change the Brick styles?

Hi,

try adding this to the “Custom CSS” textarea (Theme Settings -> Style):
.brick,
.brick-meta-wrap{
background-color: #e6e6e6
}

Best

Thank you very much, worked a charm, I’ll keep my options for Custom CSS in future. You guys are very reliable and helpful.

You’re welcome :)

Hi, how can i use the page builder? I can not seem to make my website in grid format.

Hi,

I’m not sure if I understood you correctly, but “grid” pages (for example front page) aren’ built with page builder. For that, you have to make a new page and set it’s template to “Home page” and set appropriate settings in Theme Settins -> Home page section.

For categories there is also a setting which is used to set “grid” layout.

If you have any more questions please open up a ticket at pukka.ticksy.com .

Best

Hi,

I made perchase your ‘uber-grid’ Responsive grid wordpress theme and I’m using it now (http://becis.co.kr)

How can I add ‘facebook social plugin’ in our front page like your preview?

What should I do? Please reply me

Thanks for your help

Hi,

insert “custom content” box using “Front page manager”. Then just into it’s content paste code necessary for embeding Facebook plugin. On our demo site we used “Facebook like box” ( https://developers.facebook.com/docs/plugins/like-box-for-pages ).

Best

Hi, I tried to ad an image on right-sidebar: - first by widget – text with image and link - second with advance ads widget

I got the same result: there are some white margin on top, left and bottom side of the picture. How can I erase these white margins around the picture just to make the picture width as wide as other widgets’ blocs, considering that I am not a beast in css code ?

Hi,

you should “target” exactly the widget you want and remove it’s padding. It’s a little bi difficult to provide exact solution without a link to your site, but try adding this to the “Custom CSS” textarea (Theme settigns -> Style):

#sidebar-right .widget.widget_text{
padding: 0 !important;
}
(this should work for text widget)

Bestde

Hi,

I love the theme so far! But I want to use a background image on my website: http://www.thestreetseries.com/ (currently has a maintenance page on)

However when I set the theme settings to use a background image it barely shows – the content area and side bar seem to have a solid overlay background which covers it (screen shot at link below).

https://dl.dropboxusercontent.com/u/5235521/Screen%20Shot%202015-05-27%20at%2020.05.56.png

Could you please advise?

Thanks

Hi,

yes, content and sidebar have background color set which is necessary in order for content text to properly visible.

Can you tell me which from which content area you would like to remove background? All? Single post/page pages?

As for the sidebar you can add this to “Custom CSS” textarea:
#sidebar-wrap,
#sidebar-top,
#sidebar-bg{
    background: transparent !important;
}

And sidebar backgroud should be removed.

I suggest that you open a ticket with our support system at pukka.ticksy.com, leave a link to your website and maybe WP login credentials so our support staff can see a site behind the “coming soon” page. That way it would be much easier to provide exact CSS code and help you out.

Best

Hi

Thanks for your help.

Thats worked for the sidebar.

The main content of the page though still has the black background. I am using a default page template for this. Can you help with the code that I need to add?

Thanks

Hi,

if you want to make background of “default” page template transparent add this:
.page .content-wrap{
 background: transparent !important;
}

Best

Hello @pukkathemes! My Uber Grid is no longer showing a comment ‘Submit’ button. Please help.

www.desicreative.com

Hi,

that issue is caused by the changes WordPress made in version 4.2. We’ve fix it and released a theme update, 3 weeks ago, which you can download here, from Theme Forest.

Note, if you don’t want to update whole theme I think that just overwritting functions.php file solve your problem.

Best

Hi, great theme! But how can I show the sidebar on the (grid layout) categories?

Hi,

there is a Theme setting for that, so you can switch on/off sidebar on (grid) category pages. When sidebar is “on”, grid category looks like this: http://demo.pukkathemes.com/ubergrid/category/grid-category/

Best

Hi I have Ubergrid version 1.2 (because new version was changing the appearance) For the first time, companies are asking me to place their banner advertisement. Is it available with my version? I can’t see it in theme settings and widgets

FYI I copied your code

#sidebar-right .widget.widget_text{
padding: 0 !important;
}
in theme settings/style and in widget text i wrote this: <center> Concours pour le concert de The Soft Moon

arf : <center> <a href="http://www.wisesound.fr/gagne-ta-place-pour-the-soft-moon/"><img src="http://img15.hostingpics.net/pics/831584logohome.jpg" alt="Concours pour le concert de The Soft Moon" width="100%" /> </a>

Hi,

I can’t see banner you’ve inserted anywhere on the page? Where do you want to put it?

Can you open a ticket with our support system at pukka.ticksy.com and our support staff will help you out.

Best

Hi, I love everything about the look of this theme, but I want to use Intense Debate for commenting on my WP blog. Will this theme integrate?

Hi,

we’ve not tried Ubergrid with “Intense Debate” plugin, though we’ve tested some other our themes with it, but I can’t see a reason why it shouldn’t work (Disqus integrates pretty well).

Best

Hello,

I’ve purchased this item via the digital bundle, could you please send me the updated files ?

coldtelling@gmail.com (I can’t seem to open a ticket)

Hi,

sorry part of the “Digital bundle” (Envato’s) license is that items are sold without support and updates, so we can’t send it to you.

Best

Hello, I have simple question, I hope I dont need to contact my client for puchace code for this one.

Color box, how do I set a color? Little icon with paint bucket in left corner does not do anythink when I click on it, but in your demo page still shows green color. also the a letter in right bottom corner does not do a thing. this is the demo page on my site http://www.procosmo.eu/genosys/page-builder/

Thank you, Milica :)

Pozdrav Milice :)

Ne znam tacno na sta mislis, posto u page builderu postoji nekoliko color pickera. Da li bi mogla da nam posaljes mejl na office@pukkathemes.com u kome bi malo detaljnije objasnila problem i mozda sa nama podelila WP login parametre?

Pozdrav

Is it possible to add a Whatsapp Share Button?

Hi,

currently Ubergrid doesn’t have such feature, but if you want to modify it and add “Whatsapp Share” button open a ticket with our support system at pukka.ticksy.com and we’ll guide you through.

Best

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey