- This topic has 11 replies, 2 voices, and was last updated 6 years, 5 months ago by
.
Hi there,
I’m trying to make my blog image the same as I have on the rest of my website, to be full width over the entire page. I can’t seem to make it work with YellowPencil either.. Any ideas? I attached some pictures to help you understand.
Sjoerd
Hi Sjoerd,
I hope you are well today and thank you for your question.
You have added that image as a background image of section added in your site homepage so to display it on all site pages please add it as a site background image.
Best regards,
Shufflehound teamHi there. I think I didn’t make my goal clear. I’d like every single blog post, with there respective images, to display in the same way as my home page. I assume this is possible? (even without sections on every single page)
You can try achieving that by assigning Titlebar Background Image to each post header settings as shown in the attached screenshot.
That looked really promising, but somehow it doesn’t work.. (https://sjoerdgerritsen.com/what-it-is-really-like-to-write-a-book/) It just stays blank. Any ideas as to why?
Also, is there a way to just reassign the featured image of blog posts to become Titlebar Background Image? (otherwise I have to reset all the posts one by one).
That looked really promising, but somehow it doesn’t work.. (https://sjoerdgerritsen.com/what-it-is-really-like-to-write-a-book/) It just stays blank. Any ideas as to why?
I don’t see any titlebar on your shared site page.
Have you enabled it?
Also, is there a way to just reassign the featured image of blog posts to become Titlebar Background Image? (otherwise I have to reset all the posts one by one).
No there isn’t any theme option to achieve it.
Almost there! Now…
1. How do I make sure the text of the title bar doesn’t display?
2. How do I remove the featured image from the article, but not from the https://sjoerdgerritsen.com/news/ page?
Thanks 🙂
ps. I obviously changed it back as long as I don’t have a fix
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-titlebar .title-level .separator:after, .sh-titlebar * { font-size: 0 !important; } .single-post article .post-meta-thumb { display: none; }Thanks! Two final problems… (https://sjoerdgerritsen.com/why-is-tone-of-voice-so-important/)
1. On mobile it doesn’t really scale well.. It just looks weird..
2. The background image isn’t very responsive.. It just stays as big as it is.. I’d like it to scale (on every blogpost) and stay put, similar to my homepage.
Thanks 🙂
To achieve this, you have to develop custom code in the child theme of Jevelin theme or use Yellow pencil editor as described in the following page.
https://support.shufflehound.com/how-to-change-almost-any-element/
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
I did use Yellow Pencil, and now it doesn’t properly scale down responsively..
YellowPencil comes with an advanced responsive design tool that lets you customize your website for any device such as mobile, tablet, desktops and more. Please refer below page to get more information about it.
https://waspthemes.com/yellow-pencil/documentation/#responsive-tool
