-
-
Hi,
Just a few questions about blog posts.
I can set up a layer slider for the main blog page but when I add one to the individual post pages it doesn’t appear. Any clues please?
Also, I’ve tried to disable comments but they’re still appearing on existing posts (the demo ones at present).
Additionally, is there a way of adding social share icons to the top of each post – ie next to where the date appears or around that area? I can only get a small share icon at the bottom right of the post together with a heart icon?
And finally — how do I change the spacing between the headline on blog posts and the picture above and date line below to create more of a gap?
Thanks in advance,
Adam
-
Hello,
1-You can add slider in pages (blog is a normal page), but not in the posts. Blog post are included. This is why the slider is not showing.
2-To remove comments from pages, please go to “Screen Options” (top-right corner of the page’s option panel) and check the “Discussion” and “Comments” checkbox.
See screenshot: https://share.pho.to/AkKjm
After this the comment option will show up in the page’s settings. Uncheck the boxes not to allow them display in the page.
See screenshot: https://share.pho.to/AkKkN3-If you click on the ‘small share icon at the bottom’ you will see expand some social icons. Use them to share your post. Sorry but removing the location of the share icons or add more is a customization not included in support.
4-To add further space between post title and info bar, add this code into your custom css box:
.blog-article.standard-style .info { margin-top: 30px !important; }
Change the value to your wish.
Let us know.Kind regards!
-
Hi Mihaila,
Thanks for getting back to me so quickly.
I’ve followed your instructions to remove comments but I still get a ‘0 comments’ message at the end of the post (even though the option to add more has gone). How can I remove this?
Also, how do I remove the share/heart icon at the end of each post?
I’ve also got a problem with the main ‘blog’ page. I’ve added a layerslider which was working fine but now it’s stuck picking up a slider from a different page, not the one allocated to it. I’ve tried clearing my cache and rebuilding the slider, but the same problem persists. Do you know how I can solve this please?
Also, when I click to preview the page (blog) it sometimes sends me to the homepage, rather than the blog page. Any clues?
And finally, on mobile view, the hamburger menu is overlaid on our logo, rather than being next to it. Do you know how I can change this?
Many thanks,
Adam -
Hello,
1-To remove the “0 Comments” from the posts, please add this code into your custom css box (find it under General Options):
#comments {display: none;}
2-Remove the share/heart icon in General Options > Blog Config > Active Post Like/Social Shares on Posts (screenshot).
3-Blog page: This is not a normal behavior. If you send us some wp credentials in a private reply, we can give it a closer look.
4-You can fix this with custom css. Please send us a link of your site, so we can give you the exact code to add.
Let us know.
Best regards!
-
-
Hi Mihaila,
I sent you a private reply with the details requested yesterday but have not received a response.
Did you get my message?
Thanks,
Adam
-
Hello,
Yes, we got the reply and are working on it now. I will get back to you soon.
Support work time is Monday to Friday, 9AM to 5PM (UTC +1:00). Please consider timezone differences. Please note that we reply to topics according to their arrival time. The olders first, so keep replying to your topic will only increase it’s response time.
while we always try to answer your questions as soon as possible, sometimes we are not able to do so for whatever reasons and we ask you to be patient during these times.Thank you for understanding!
- This reply was modified 7 years, 4 months ago by Mirela.
-
Regarding your questions:
1-The comments count in blog page: this is a different section of the theme, so it requires a different css to remove it. I added this code into your custom css box:
.blog-article.timeline-style .info { display: none;}
Please check your blog page. The comments are removed.2-To increase the distance between title and image in single blog post, i added this code:
.blog-article.standard-style .content { padding-top: 25px !important; }
Change the values to your wish.
3-To change the logo position in mobile, i added this code:
@media (max-width: 480px){ #logo { margin-right: -30px !important;} }
Result screenshot: https://pho.to/AktEo
4-I see you have removed the slider from the blog page. I tried going to the blog page options and then back to the page. It did not redirect to the home page. How do you wish to proceed with this? Do you still want the slider in blog page>
Let us know.Best regards!
-
Hi Mihaila,
Thank you for your response and apologies for my earlier impatience!
Everything is looking great, but I was wondering if the hamburger menu could be on the other side of the logo? Is this possible?
I’ve still got the problem with the slider though, which I haven’t removed so I’m a bit confused.
It’s still showing as in place and it’s still appearing when I view the page. The problem is the wrong slider is showing.
At the bottom of the page under ‘slider options’ it still shows slider type – ‘layerslider’ and created layer slides as ‘blog’.
The slider should be ‘blog’ [layerslider id=”9″] – rather than ‘internal pages’ [layerslider id=”1″] which it appears to be showing. If you have a look under the layerslider sliders section you’ll see what I mean – the wrong image/slider is being displayed on the blog page.
When I have the blog page open to edit and click ‘preview’ it sometimes directs to the homepage, rather than the blog page. It’s done the same thing on different computers.
Thank you in advance.
-
Hello,
To switch the positions of the logo in mobile i edited out the previous code i gave you for the logo to this:
@media (max-width: 480px){ #logo { float: left !important; margin-left: -19px !important; } .mobile_small_menu { left: 100% !important; }}
Please clear cache and refresh page.
-The slider issue is very strange. We tried to reproduce it on our side but it does not happen. I recommend you not use Layer slider if the slider will consist of only one image. Layerslider is very heavy. I suggest you add page header image for this. Or use one of the other sliders.
I tested them on your blog page and they do work well.
Let us know.Best regards!
-
Hi Mihaila,
Thanks for getting back to me. Hamburger menu looks great.
I can see how the page header would work really well for this but is there any way of removing the title and breadcrumbs so that only the image is displayed?
Thanks once again.
-
Hello,
Yes, of course. Just select the centered version and add this code into your custom css box:
.header_page.with_subtitle.centered .titles h1 { display: none; }
Best regards!
-
Hi Mihaila,
Thanks for this. I’ve tried putting it in but it doesn’t seem to remove the header wording – it still appears in the middle of the image.
However, there’s now a problem when each page loads – the page ‘stutters’ and appears to show a root menu or similar in the background for a split second before appearing normally. If you click through each of the main pages on the top menu you’ll see what I mean.
This is now happening on every page. I’ve tried removing the last bit of code but it’s still happening. I’ve also tried clearing the cache etc.
Any ideas?
Thanks.
-
Hi Mihaila,
I’ve discovered the stuttering was caused by a piece of html I’d inserted in a text widget to display a ranking button –
<div id=”vf-prof-review”>
<div id=”vf-prof-review”><script src=”https://cdn.vouchedfor.co.uk/widget/assets/js/vf_professional_widget.js.php”></script>
<div class=”vf-prof-29315″><script type=”text/javascript”>setTimeout(function(){contentLoaded(window, function(e) {vf_get_ratings(“MjkzMTU=”, “vf-prof-29315”)});}, 1500);</script></div>
</div>
</div>
Not sure why this was causing a problem – do you know?
I still can’t get the header word to disappear though.
Thanks
-
Hello,
I edited the code in the custom css box to this:
.header_page.centered h1 { display: none; }
It’s very strange that the changes are not being applied. Did you add any other additional script? While adding custom scripts to theme, it is always the possibility for it to conflict with the original code.
Please know that we do not support third party plugins or personal changes to theme files. I see you removed the blog page.
Let us know how you wish to proceed.Best regards!
-
Hi Mihaila,
Thanks for get back to me. I tried completely deleting the page and starting from scratch but I’m still having a few problems.
To be honest, all I want to do now is recreate the header I’ve got on the main ‘blog’ page (dark blue bar) onto the actual post pages but for some reason it won’t pick up the image (it just shows a grey bar). Any ideas?
The only plugin I’ve added is a social icons bar for the blog posts. I know you don’t support this, but perhaps this is the cause.
Other than that I’m going to stick with what I’ve got now.
The only other question I’ve got is on the home page there’s a but of text on the bottom right with two links in (VouchedFor and Unbiased) – is there any way to make them blue like the footer links?
I do appreciate all your help on this.
-
Hello,
The single blog posts get the page header styling from the Default Page Header in General Options > Header Options. I set up the background color there, to the value of your blog page’s page header. It is showing ok in posts now to. Please check your site.
I don’t seem to find the links you are mentioning in the bottom right of the home page (screenshot). Can you please be more specific?
Let us know.
Best regards!
-
Hi Mihaila,
That’s great re the page headers, thank you.
In terms of the links, if you visit the homepage then scroll down to ‘What to Expect’ at the bottom.
There are four icons with text on the right. If you look at the bottom one – ‘Read our reviews’, then at the end of that text is ‘VouchedFor and Unbiased’ – both those words are links to other sites which display as blue on hover.
Is there any way to display them as permanently blue in the same way as the footer links are?
Thanks again.
-
Hello,
Please add this code into your custom css box:
.home .services_small dl a { color: #669abd !important; }
Result screenshot: https://www.clipular.com/c/4792476121694208.png?k=MXEjALPQXTA3yB-FqLepkl0dQm4
Let us know.Best regards!
-
Great, thank you Mihaila.
Just one final question – I’m struggling to get my google analytics to work – I’ve posted the code into the correct box and tried various different combinations after reading other support articles but to no avail.
Any ideas?
Thanks -
Hello,
In General Options > Tracking Code / Custom CSS / Custom JS > Tracking Code. You have to paste your Google Analytic code here. I see you already had done so, but there is an error in your code. It’s wrapped up in comment brackets. Making it invalid. I edited it out. Please check your site.
Screenshot: https://postimg.org/image/y826l3039/PS: Please open up new tickets for future questions. This topic is already overloaded and has shifted away from the it’s initial purpose.
We are trying to keep a one topic per issue forum. In order to help our customers to easy and quickly find a response for their issues.
Thank you for your cooperation!Best regards!
- This reply was modified 7 years, 4 months ago by Mirela.
-
Hi Mihaila,
Thanks for getting back to me.
I’ve checked and it’s still not working I’m afraid. Any other ideas? Should I tried putting it in the header file?
Apologies for adding new items to the thread, I’m new here and was unsure of the protocol. I’ll start any new queries in a new topic.
Thanks. -
Hello,
As far as i can check, the code is set up properly and showing in the header. Please look at the screenshot i send you in the last reply.
Please clear cache and try again.Best regards!
-
Thank you Mihaila, it all seems to be working now.
Thanks for all your help.
-
You must be logged in to reply to this topic.