Discussion on John Doey - Responsive Blogger Template

Discussion on John Doey - Responsive Blogger Template

Cart 69 sales
Well Documented

TemplatesZoo supports this item

Supported

43 comments found.

Hello, I just bought your template.

1. How do I remove default spacing between images when I upload them into new posting. I want my image by default to be stacked on top each other without any spacing between them. I have read from different sources on web including google support forum saying that it has to do with the template we are using. Please help.

2. How to set the image I uploaded by default change into its original size without I need to change them manually for every single image? Currently, each image I uploaded is set to medium size and I need to manually change it into original size which is tedious for many images.

3. Even if I change the image into original size, the template seems resizing my image into smaller size. For instance, my original dimension is 1685px width has been reduced to just 823 px.

Thank you

Try this to stack images on top of each other.
Go to Theme > Customize > Advanced > Add CSS
Paste the below code -
.post-body .separator > a, .post-body .separator img { display: block; margin: 0; padding: 0; }
Finally, press the save icon.

Thanks it works as you have advised. However, do you have a solution for problem no. 3 as I stated above?

Why the template seems resizing my image into smaller size?

Thanks

Images are not resized. There is no such function in the theme. Images are however restricted to not exceed the max width of the theme.

I have computer screen with 2560×1600. Could I customize the width of my blogger post as wide as 2100 for example? Because when I see the demo, the posting using this theme as compared to my screen is quite small. I want my blogging post to fill in almost the entire screen since the post will focus mainly on pictures

It can done pretty easily. If you decide to purchase the theme. Contact me and i will send you the code to do it. You just need to add the code in Theme > Customize > Advanced > Add CSS.
:)

Hello, I want to ask how to remove twitter live advertisement in the bottom of the blog? https://satsuma-biru.blogspot.com/#

Go to Theme > Customize > Advanced > Add CSS. In the the box that appears, paste the below code –

.mytwitter { display: none; } #footersection { margin-top: 50px; }
Finally, click the Save icon on the bottom right corner. :)

Good Afternoon! I want to ask which code should I change when I want to change the color of link text?

Go to Theme > Customize > Advanced > Add CSS
In the box, paste the below code -

body .post-body a {
    color: #54b860;
}

Replace #54b860 with your color code. Color codes can be found here – https://www.computerhope.com/htmcolor.htm

Finally Save the changes by clicking save icon on the bottom right corner. :)

Hello, I have some problem when using this template.

First,

When I open my blog home, the first picture of my post appeared to collide with the title and some of text. But when I check it post by post, actually there is no problem. It just in the home appearance, but it’s inconvenient. So, how to improve this appearance? This is my blog address for your references. https://satsuma-biru.blogspot.com/#

Second, I want to change the main photo background in the title bar. Could you lead me how to change it?

Thanks for your support ;)

1) Go to Layout and remove all the unnecessary widgets. Under ‘mmenu’ remove all the widgets except ‘Menu’. To remove a widget, simply click the “Edit” link on it and then click “Remove” button. See this screenshot – https://imgur.com/a/7iWy0fO

2) Go to Theme > Click the arrow beside ‘Customize’ > Then click ‘Edit HTML’ > Once the code box is open, scroll down. Around line 125 and you will see code –

.bgh {
    background: url("https://1.bp.blogspot.com/-GKgYpbmZUZg/V_VTEgw5qII/AAAAAAAAD6Y/Xz8csjW7YpEbG1x9P--dOlKfAbYssSXdQCLcB/s0/2r7r91f.jpg") no-repeat scroll center 86% / cover  rgba(0, 0, 0, 0);
    height: 332px;
    position: relative;
    width: 100%;
}

Replace https://1.bp.blogspot.com/-GKgYpbmZUZg/V_VTEgw5qII/AAAAAAAAD6Y/Xz8csjW7YpEbG1x9P--dOlKfAbYssSXdQCLcB/s0/2r7r91f.jpg with your background image. Then save the theme by clicking the Save icon on the top right corner.

To Upload the image on blogger – You can create a new post, upload your background image, click the pencil icon and then click ‘HTML View’. From there you can copy the image url. Don’t publish the post, it will remain as draft but the image will be available.
Or you can upload it anywhere else you want. Just make sure it’s the image url not a link.
Recommended size – 1900px width and 315px height
Hope this helps :)

Is there a way to change the google profile to facebook page url?

Yeah, go to Theme > Edit HTML > Press CTRL+F > In the search box type “data:userUrl” without quotes and Hit Enter. You will find this -
<a class='logo' expr:href='data:userUrl'>

Replace it with – <a class='logo' href='facbook url'>
Then press the Save theme button. :)

Hi. I noticed there is an update but couldn’t see a changelog. May I ask what’s new in this updated version of the theme? Also the twitter widget stop working. Thanks.

Thanks for the quick reply and it worked. I do have a quick question. If i want to move the twitter widget to top of my each post how do i do that? thanks in advance.

There is no quick fix for that. That will need a lot of changes at many places.

Hi. I noticed there is an update but couldn’t see a changelog. May I ask what’s new in this updated version of the theme? Thanks.

Fix for the Instagram widget. It had stopped working. :)

I see, thanks!

Hello, Is there any update on the istagram feed issue. Feed does not show any pictures.

I pushed an update with a working solution. It will be published within few hours. The demo now has a working Instagram feed on the sidebar.

If you have changed a lot in your template and don’t want to re upload it, contact me through email and i will send you the codes to change.

I have invested a bit time already on the template so you please let me know what needs to be added and where. I greatly appreciate your help.

First Backup your template.

Go to Theme > Edit HTML > Press CTRL+F > In the search box type “Widgets for Social Network” without quotes and hit Enter. You will find this – http://pasted.co/13479f3b

Replace it with this – http://pasted.co/c2bd55c7

Then download the template. You will need the updated guide to get the token from your instagram account. You will need to replace username and accesstoken in the code. Good luck. :)

I’m sorry but I have to ask for help again :( I have instaled the template in this blog http://www.lasrecetasdemanu.com/ Hidden sidebar and navigation menu work fine in the home page, But if you visit a post… for example: http://www.lasrecetasdemanu.com/2016/06/bacalao-confitado-con-vinagreta-de.html Then you can’t open de side bar, and the dropmenu under “Indice de recetas” doesn’t work. And the “Back to top” button doesn’t show.

Please, could you help me with this? Thanks so much in advanced

Check to see if you haven’t wrapped them in conditional tags. Also try removing any extra widget you added just for post pages. And please do not remove my link in template description. :)

Do you mean the pics gallery?? Ok, maybe that’s the problem. Sorry… I will add your link in template description asap. I do apologize :)

Hi, another question about the template. I hope it will be the last :) When visiting the blog with a mobile, the header image is not showing. Is there a possibility that the header image can be shown in the mobile template too? Thanks so much in advanced for your reply.

Thank you so much! It worded now!! Just to say that I’m very pleased with the technical support I have received from you. I would recommend to buy your templates without any doubt. Thank you again

Hey, if you liked our template. Rating the template will help us.

If you are new to themeforest, here’s how you can rate the template-
http://fc07.deviantart.net/fs71/i/2012/038/8/5/how_to_rate_a_file_template_by_cooledition-d4oxno5.jpg

Done! ;)

Hi, I have a problem now with instagram gadget. It was showing, but suddently it stopped working. It happened with flickr gadget too a week ago. Could you help me to fix it, please? Thanks so much in advanced. blog link www.lasrecetasdemanu.com

Yeah, the plugin ( https://github.com/pixel-industry/Social-Photo-Stream-jQuery-Plugin ) i was using is not working properly, i will try to sort out the issue or find an alternate solution asap.

Ok, thank you for your quck reply. If you have to change the plubin will you inform us about the update and what we have to do?

Hi, I’m still making changes in the template to adapt it to my needs. Please, how can I take out the twitter feed at the bottom? I don’t have twitter. And also, can it be replaced for anything else, like a big instagram gallery? Thanks so much in advanced for your reply

To remove twitter feed and its background -
Go to Template > Customize > Advanced > Add CSS. In the white box paste the below code.
.mytwitter { display: none; } .Blog .ie { margin-bottom: 50px; }
Then simply click the ‘Apply to Blog’ button.
:)

Thank you!

I am trying to install on wordpress and I get a “The package could not be installed. The theme is missing the style.css stylesheet” What do I need to do to get it installed.

This is a Blogger Template and will only work on Blogger. If you need any help regrading installation on blogger, feel free to contact me. :)

deleted

Did you try removing only the
86% / cover
part? Then simply Save The Template.

Yeah!!! Thanks so much!!! :)

I have purchased John Doey template and I have a question. Would it be possible not to show the profile pic in the header? I would like to place just a large picture with my blog name, but not the profile picture. Thanks so much in advanced for your reply.

the blog address is http://blogdepruebasdeaisha.blogspot.nl/ I have tried two different images with different fonts an in both cases the image is blurry. Thanks so much in advanced for your help

Go to Template > Edit HTML > Press CTRL+F > In the Search box type ”.bgh” without quotes and hit Enter. You will find below code (around line 124) -

.bgh { background: rgba(0, 0, 0, 0) url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center 86% / cover ;

Replace it with

.bgh { background: rgba(0, 0, 0, 0) url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center 86% / cover ;
Save the Template.

Sorry.
Replace it with
.bgh { background: url("http://i1305.photobucket.com/albums/s545/lasrecetasdemanu/cabezal3_zpsxqk1vbtj.jpg") no-repeat scroll center;
Basically, you just have to remove
86% / cover
from the CSS Code.
:)

I love this template. Thank you for creating this beautiful template. Question, is there a way to modify the speed of the tweeter feed changing? I feel it is a bit too fast now.

Contact me through email and i will send to the code and the guide. :)

Hi,

ist your theme can be customize as landing page?

No, there is no option to change layout in the theme. But you can create a single post and put all info in that.

Hi, is this template compatible with Woocommerce ?

No. Its a blogger template which doesn’t support woocommerce.

I’d like to add a Linkedin share button at the bottom of every post. Kindly advise.

Go to Template > EDIT HTML > Press CTRL+F > Type “>Share” in the search box without quotes and hit Enter.
You will find this (it will be around line number 2522) -
<span class='shr'>Share <span>/</span></span>
Now, just above this line paste your LinkedIn share code. You can generate it here – https://developer.linkedin.com/plugins/share
:)

Thanks! :)

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