Discussion on Grid Spot - Responsive Blogger Template

32 comments found

  • Bought between 10 and 49 items
  • Has been a member for 4-5 years

I’d love to add a divider image to the bottom of each post. Is there a CSS code I can add for that?

tiennguyenvan

Dear Liakeyes, sorry when late reply, now I found a answer for you.

Find in your template code a line like below:
<b:include data='post' name='post'/>
Insert under it with your divider image:
<img src="yourimageurl.png"/>

Then save template and enjoy.

Default-user

Oh, thank you! The divider image worked beautifully, although it’s aligned to the left – how can I center it? And can I remove the pale grey line that was the divider before? I don’t need them both.

I’ve also had a request from the other members of the group blog for a wider content area. I tried doing it using Blogger’s native layout widening, but screwed everything up and had to reload my back-up. Any advice? Only the content width needs to be wider, with the sidebar becoming narrower to accommodate it.

Default-user

The divider image worked beautifully, but it’s off to the left – how do I adjust the code to center it?

Default-user

You can see what I’m talking about at http://yamuses.blogspot.com

tiennguyenvan

Hi liakeyes,

To CENTER the image, change the code from
<img src="http://i773.photobucket.com/albums/yy17/liakeyes/Divider_transparent-1_zps056572ff.png"/>
to
<img src="http://i773.photobucket.com/albums/yy17/liakeyes/Divider_transparent-1_zps056572ff.png" style="margin: auto;display: block;"/>
To REMOVE the already line, find in your template a code like below and remove it:
border-bottom: 1px solid #EEE;


To extend content WIDTH:


Step 1: please find, and change to a value you want for content:

width: 630px;

Step 2: Then continue find:
width: 300px;

and change to a value that compatible with the value you changed in step 1. The total of value must be 930px. Mean if you increased to 650px for content, you must decrease side bar to 280px.

Step 3: some bug can appear on sidebar, example search box, so please find:

width: 260px;

and change to a value that compatible with the new sidebar value. Example, if you decreased sidebar 20px offset (from 300 to 280), you must also decrease 20px for search box (from 260 to 240).

Please backup your template before work. If you are not confident to do, please send me teamviewer ID + Password, I will do if for you for FREE.

Thank you.

Default-user
Oh, my gosh, you are SO HELPFUL! Thank you! All of your suggestions worked like a dream. The search window’s icon has dropped down to another line. I’m not sure what to do about that? But apart from that the changes are finished and everyone LOVES this template so much. If you could help me with the search window I will leave you in peace from here! http://yamuses.blogspot.com
tiennguyenvan

Hi, you changed the sidebar width to 230px (decreased 70px), mean the search box width must also change to 190px (260 – 70 = 190px). Now, it’s 200px, so please change to 190px.

Default-user

Oh, you are the most helpful designer I’ve ever communicated with. So impressed. Thank you!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

hi There,

I purchased your awesome template a couple of months ago and I got an email today letting me know that a new version is up 2.0. how can I upload version 2.0 without missing up the the look and feel of my blog?

Any help would be greatly appreciated!

Jenny

tiennguyenvan

Dear,

Download your template file. Then:

You can use Beyond Compare to compare your current template file with my 2.0 one. You can update anything to your template but don’t update widgets that you created and modified (of course, you can remember them base on their title).

Thank you, Tien

Default-user

Thank you, Tien!

What’s new in the 2.0 version?

tiennguyenvan

I just update Item Details, you can visit and scroll down to see Update History.

I summary new features on 2.0 here:
New: Allow add drop down menu
New: Allow change size of slider
New: Added related posts function

Default-user

Hello good sir!

How do I add the drop down menu?

tiennguyenvan

You can read in document of this version. I wrote very clearly.

Default-user

found it, thank you!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hi there! Love the template, but was attempting to change the orange colour to a darker shade of red and it doesn’t seem to make any difference. Is that feature locked or how do I get around that? I also wanted to make the grey header black… Many thanks!

tiennguyenvan

Hi Sloperinho.

After enable mobile template, the advance editor will be disabled. This is official bug of Blogger and their engineers are still fixing.

I also wrote about this bug in the document. So, if you want to use Advance editor, you must use before enable mobile version.

In case you did it, just set back to “Yes. Show mobile template on mobile devices.” for mobile template and then copy all my release code from <b:skin><![CDATA[/* to ]]></b:skin>

and paste in similar place in your template.

Default-user

Thanks for the prompt response! However, I tried your suggestion and it didn’t make any difference. I edited the colour code through HTML. One more thing I wanted to do was increase the width of the posts, and decrease the size of the space on either side. Could you also point me in the right direction there? Many thanks again!

tiennguyenvan

Did you check ““Yes. Show mobile template on mobile devices” in mobile template.

Default-user

Yes. I even logged out and back in again to make sure the change took effect. I just tried again now. Still no luck.

Default-user

Maybe I’ll just start all over again, without going near the mobile template in the first place. I’ll try make the changes again and let you know how I get on. Also, can you help with the width of the posts?

Default-user

No, the changes don’t work, even though the HTML code is telling me the default colour is #a10b0b.

Default-user

It seems to be a bug. If I preview the template, the colour is the one I want, but when I save the changes they don’t take effect.

tiennguyenvan

Dear, please submit a ticket here. We will talk direct from my email: http://themeforest.net/user/tiennguyenvan#contact

Default-user

Dear Tien, Thanks for getting back to me. I managed to solve the problem by saving the changes while still in the preview view, but have emailed you about reducing the amount of space to the sides. Many thanks.

Default-user

Dear Tien, Last question – any way I can add a vertical line between the posts and sidebar? I’ve tried CSS like this:

.blog-sidebar { border-left: 1px solid #cccccc; }

But it doesn’t work. Any ideas?

tiennguyenvan

This can break the design because it’s fixed width.

Default-user

Ok Tien, I can live without the vertical line. Can you tell me how to get rid of the border around the pictures? Again, I tried a few CSS options and none worked. Also, you say there’s threaded comments with this template but they don’t seem to be working. Can you tell me how to fix? Many thanks!

tiennguyenvan

Hi Sloperinho,

What’re images that you want to apply border? (thumbnail, post image, right side image, .etc…)

About the thread comment system, I just know that Blogger changed their code and I will fix this soon.

Thank you, Tien

Default-user

Thanks Tien, I wanted to get rid of the border on my post images. See here for example: http://www.abandonedberlin.com/2013/09/forbidden-city-nazis-russians-lenin.html Every image has a border, and the image is made even bigger for the larger images. I’d like to get rid of all the borders. Many thanks!

tiennguyenvan

Dear,

Please add below code before ]]></b:skin> in your template html:

body.item .post .body img, body.static_page .body img {
display: block;
margin: 0.5em auto;
padding: 2%;
background: #F8F8F8;
border: 1px solid #CCC;
max-width: 96%;
}
tiennguyenvan

And I released new version of Gridspot that was fixed comment problem. You can download and upload to your blog. Thanks.

Default-user

Hi Tien,

I tried that code but it didn’t work. Are you sure that’s to get RID of the borders? I don’t want any borders!

I’ll download the new template and see if I can update my modified version to fix the comments.

Thanks

Default-user

Hi Tien,

I found that code in my html and deleted it – problem solved!

Thanks very much. Now, to try fix the comments…

  • Has been a member for 0-1 years

Hi there Tien.

I like to purchase the template. I just want to know a certain detail

1. Does/Can it support the Google+ comment system? (In a way that even the comment counts are displayed correctly)

tiennguyenvan

Sorry but Grid Spot support Blogger comment only. Thanks.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello, I’ve uploaded the latest template on my test blog and I can’t seem to get lightbox working. Any suggestions?

Default-user

Never mind. I had a widget that was causing conflicts with the lightbox feature. I removed it and all is well. Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

A couple of questions again.

First, is there anyone to get light box to auto re-size, depending on the size of the browser window?

Second, when I post an article with lots of photos, they all post in one image per line. On other templates, I could group them into tables side by side, but I can’t see to on this one. Any suggestions?

Thanks.

tiennguyenvan

Dear,

1. The light box auto re-size depending browser width, you can check the demo. Your blog is not auto re-size?

2. I still not understand about “Group image into tables side by side”. Blogger support align image at left, center, and right only.

Default-user

Thanks for getting back to me so quickly.

The problem I have with the re-size has to do with the height, not the width. If I have a photo that is longer, the user will have to scroll down to view the entire photo. The Blogger light box will auto re-size both the width and horizontal.

Sorry, I should’ve been more clear.

As for the second question, I can provide two examples. First is how they appear on my current site, with an older template: http://www.basementoftatlock.com/2013/08/star-wars-black-series-wave-1-darth-maul.html

If you scroll down, you can see the photos are side by side.

Now on your template, with the same code, I get this: http://tatlocktestblog.blogspot.ca/2013/10/star-wars-black-series-1-darth-maul-test.html

Notice how they all go down in a line, instead grouping together, side by side.

Is there anyone to do that with this template?

Thanks again for your help.

tiennguyenvan

Dear,

About the light box responsive, maybe I will find solution in next version. Thanks your feed back.

About the images. You can add below code to your template code (before ]]></b:skin>):

body.item .post img, body.static_page img { display: inline; }

But because Gridspot content width is smaller than your old template, so maybe it can not display a group with 4 images properly. In case you need to increase content width. You can read a discussion above for detail of expand width:

http://themeforest.net/item/grid-spot-responsive-blogger-template/discussion/3878526?filter=All+Discussion&page=2#comment_4558665
Default-user

Thanks again for getting back to me.

I look forward to an update on the light box.

Thanks also for the help on my second question. It looks like if I comment out this block of code:

body.item .post .body img, body.static_page .body img { display: block; margin: 0.5em auto; padding: 2%; background: #f8f8f8; border: 1px solid #CCC; max-width: 96%; }

it resolves the issue of the images, while also removing the border. I just need to play around with the width some more (also, thanks for that info as well) and see how it looks.

Thanks again.

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

Hello, I can’t seem to get the Advanced Editor to work. No matter what I change, it doesn’t take the change.

Any suggestions? Thanks.

tiennguyenvan

This is official bug of Blogger. If you enable mobile responsive template, the Advance Editor will be disable.

You can try official template of Blogger to check what I said.

So, please change everything to build your favorite design before enable mobile template.

Default-user

Hmm, that doesn’t seem to be my problem. I haven’t even touched the mobile setting yet. It’s at default, which is “Yes. Show mobile template on mobile devices.”.

I can reproduce the issue, by doing what you said and try an official template and turn off mobile view. This will cause the same behavior I’m seeing with your template. No matter what I do, I just can’t see to get the advanced editor working with your template.

Default-user

Thanks, email sent.

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years

Hello Tien, this template is certainly the most gorgeous blogger template that I have used so far! Love it!

One quick question: how do you remove the search that is already in the template? I would rather use the one provided by google because it doesn’t take the user away from your website… Thanks!

tiennguyenvan

Sorry when late reply, my timezone is different with yours.

About remove the search form, you can add the below css into your template code before ]]></b:skin>
#side-locked {display:none}
  • Bought between 1 and 9 items
  • Has been a member for 4-5 years

This theme is absolutely fantastic! I was looking for something simple yet professional. You nailed it completely. It installed fine and I had no problem with your instructions on the slider (which I fear most of all.) Very happy, thank you.:)

tiennguyenvan

Thank you very much.

  • Has been a member for 0-1 years

Hi,

I want to buy template but unfortunately both PayPal and Striggle doesn't accept my countrycountry, I need it please help me out. Thanks!
tiennguyenvan

Dear. Just contact Envato Support Central, they will help you. Thanks.

Default-user

Thanks, I will get back to you soon

  • Has been a member for 0-1 years

This is a best template for those who want a stylish and quick loading site.But I found a bug (from demo and purchased users site) in this template. Using mobile to visit (I didn’t check it with a computer) the site which is using this template the home page navigation buttons( 1, 2, 3 under post body) take too much time to load in mobile view (m=1) and desktop view.Especially in desktop view (m=0) sometimes it’s won’t load . Otherwise it’s good. ......

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello,

We recently buy the template and once we download the same then did n’t find any theme and PSD file to use further.

Can you please guide further!

Thanks

tiennguyenvan

Dear. This template not include PSD, only Blogger XML file. Please download and extract download package and follow the documentation in it. Thanks.

Default-user

Hello,

I gone through with the same but still not clear how it need to be use and utilized further..

As I finding only the XML file..

Can you guide me!

Thanks

tiennguyenvan

Dear. You must see the document in folder: Documentation/index.html

Read it and follow. Thanks.

by
by
by
by
by
by