- This topic has 22 replies, 2 voices, and was last updated 5 years, 5 months ago by
.
I am using the blog data. However, I cannot find any way to alter the header of the blog. In detail, under Appearance > Theme Settings > Header, none of the settings affect the layout of the blog. Attached screenshot is the only look I have achieved. I am trying to have a layout like this post: https://support.shufflehound.com/forums/topic/move-blog-content-under-header-for-style-4/
or this:
Essentially, I will like to have:
Title of Blog (with picture if possible)
Menu of CategoriesThank you!
Hi @pzl,
I hope you are well today and thank you for your question.
It seems from your shared screenshot that you are referring to titlebar that you can change from Appearance > Theme Settings > Titlebar or by editing the page and using page header settings as displayed in the attached screenshot.
Best regards,
Shufflehound teamI tried but to no avail. Under Pages > Header, the settings are:
Header: On
Header Layout: Default (from theme options)
Style: Default
Titlebar: Default (from theme options)
Under Appearance > Theme Settings > Titlebar, the settings are:
Titlebar: On
Titlebar Layout: Center
Titlebar Height: Small
With these settings on the Page and Appearance, it resulted in my earlier screenshot. And this is not what I intended it to be. Instead, I will like it to look like the links in my earlier post.
Please advise on which settings I should change to make it right (I tried a lot of combinations, but to no avail). Thank you so much!
If you want to achieve the titlebar layout as displayed in the below page then you have to configure the page settings as displayed in the attached screenshot.
https://romex.mrvandigital.com/blog/
Also you can style it using Yellow Pencil editor as described in the below page.
https://support.shufflehound.com/how-to-change-almost-any-element/
I changed according to the settings in your screenshot, but yield the attached result, which unfortunately is not what I wanted. Is there a way where I can add a header picture (in the centre of the blog), followed by a menu (also at the centre of the blog)? Thank you so much.
I am trying not to use Yellow Pencil as I am not very familiar with it. I was hoping that the options available in Jevelin could do the job, which I believe so; just that I am not getting the settings right. =/
—————–
| Pic |
| |
—————–
| Menu. |
—————–
The sites listed in your shared topics have developed custom code to achieve this so instead of referring those sites please refer the below theme demo site and tell me what output you want to achieve displaying on the demo site so that I can help you.
I see. I will like to achieve the style similar to https://jevelin.shufflehound.com/blog1/
However, I do not need a logo and the menu at the top. Next, I will like the layout to be “small images”. Upon clicking into the blog post, I will like the layout to be the same as the link above. At the same time, is it possible to remove the hyperlink icon when hovering over the picture?
Thank you so much for your time. I really appreciate your help.
I see. I will like to achieve the style similar to https://jevelin.shufflehound.com/blog1/
You can achieve this by creating a page and configuring its settings as displayed in the attached screenshots.
However, I do not need a logo and the menu at the top. Next, I will like the layout to be “small images”. Upon clicking into the blog post, I will like the layout to be the same as the link above. At the same time, is it possible to remove the hyperlink icon when hovering over the picture?
We can help you to achieve what is displayed on Demo site but to achieve any custom functionality, you have to develop custom code in the child theme of Jevelin theme.
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 tried as described, as well as installed a blog demo on a test site. However, I was unable to achieve the demo result – the logo and top menu were missing on my actual site. However, it was present in the test site. I configured the exact settings but to no avail.
Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?
Also please refer the theme documentation to know how to set logo and menu on your site as displayed in the attached screenshots.
Actually I tried reading all the available documentations as well as other topics on this forum. But I still could not diagnose the problem. =/ My site is currently offline. Can I give you the admin login via the Private Information Field? Thank you!
If this is ok then please temporary share me your site admin log in details privately by adding them in the box having text “Enter your private content here (only you and forum moderators will be able see it)”
Sure, I have done that. Appreciate the kind help.
Thank you for sharing the site credentials but I don’t find your site URL so could you please also share it?
Oh sorry, I missed that out completely. Here you go. Thank you so much!
I logged into your site and found you were using below custom CSS code which was hiding your site header therefore I have removed it from your site and the site header started displaying fine.
#page-container > header { display: none !important; }Thanks, that solved the problem for the header. However, is there a way to remove the text ” Click here to asign menu”?
You can remove that text 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
nav#header-navigation { display: none; }Great, the code works perfectly. Is there a way to align the logo to the centre? At the same time, how can I hide or remove the hyperlink icon when hovering over the post image? Thanks.
I noticed that the menu appeared on mobile, resulting in the text “Click here to asign menu” when I tap on the empty menu. Is there a way to disable this as well? Thank you so much!
