Forum Replies Created
You are most welcome here 🙂
Solution for this topic
You can try achieving this for all blog list articles 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
.blog-list .post-meta-thumb img { border-radius: 100%; height: 300px; width: 300px; min-width: 0; display: table; margin: 0 auto; float: none; }Currently you have to achieve this by developing custom CSS code like above but we will try to implement it in the future version of theme.
Hi @jenniferlupton,
I hope you are well today and thank you for your question.
It seems you missed to attach the screenshot but you can remove javelin logo from header from theme header settings as shown in the attached screenshot.
Best regards,
Shufflehound teamSolution for this topic
Hi Ryan,
I hope you are well today and thank you for your question.
You can try making header width smaller 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-header:not(.sh-header-6) .container, .sh-header-top:not(.sh-header-top-6) .container { width: 70%!important; max-width: 70%!important; }Best regards,
Shufflehound teamYou can try resolving the issue on your shared site home page 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
@media (min-width: 768px){ body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row > .sh-column.fw-col-xs-12.fw-col-sm-4 { width: 27.333333%; } body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row > .sh-column.fw-col-xs-12.fw-col-sm-4:last-child { margin-right: 0; } body.home .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row > .sh-column.fw-col-xs-12.fw-col-sm-4:first-child { margin-left: 0; } }Hi @emascherpa,
I hope you are well today and thank you for your question.
You can try removing 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
.single-post span.item-cat, .single-post span.item-cat + .separator, .single-post .post-meta-categories { display: none; }Best regards,
Shufflehound teamSolution for this topic
To recap, what I am trying to achieve: When on the home page, I see my logo in center at top. When I start scrolling, the logo disappears, but I would like to have it visible on the sticky header which turns white – so that logo needs to be the dark version.
It seems you are using header number four and this is how it works as shown on this page
https://jevelin.shufflehound.com/header/fourth-header/
If you need logo on sticky header on scroll then you need to use different header style for the page as shown in the attached screenshot or have to develop custom code to achieve this.
Solution for this topic
Hi Steven,
I hope you are well today and thank you for your question.
This is happening because the image added in the content has bottom margin applied so that it doesn’t touch the text below it if any.
You can remove that margin on your shared page 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
.page-id-945 .entry-content .sh-single-image-has-overlay1 img.sh-image-url { margin-bottom: 0; }Best regards,
Shufflehound teamYou are most welcome here 🙂
I have checked it on Firefox browser and the issue is resolved for me on your site.
Please try clearing your browser cache.
We are also troubleshooting it to fix in the next version of theme and will do it soon.
Hi @loic,
I hope you are well today and thank you for your question.
You can try achieving this using the following plugin.
https://wordpress.org/plugins/custom-sidebars/
Best regards,
Shufflehound teamSolution for this topic
I hope you are well today and thank you for your question.
I think you are talking about header as displayed on this page https://jevelin.shufflehound.com/header/second-header/
You can achieve this by setting page header style to Light as shown in the attached screenshot so that the header will become transparent until it gets scrolled and display whatever below it as in the shared page it is Slider.
Best regards,
Shufflehound teamUse the below custom CSS code to achieve this.
.sh-recent-posts-widgets i.icon-link, .sh-recent-posts-widgets-item-content span.post-meta-categories, .sh-recent-posts-widgets .sh-recent-posts-widgets-count { display: none; }I visited your site and found the provided custom CSS code is not working because you are using wrong comment style as following in the custom CSS code.
//navigation bar gap issueThe CSS doesn’t allow this type of comment so instead use the comment as displayed below and if still the provided CSS code doesn’t work for you then try adding it above all the custom CSS code in the top.
/* navigation bar gap issue */Hi Wiggz,
I hope you are well today and thank you for your question.
It seems this is happening because different domain URLs used on your site which is causing the error as shown in the attached screenshot.
To make the icons work please resolve this issue.
Best regards,
Shufflehound teamHi Davison,
I hope you are well today and thank you for your question.
It happens when you try to upload whole zip file that also contains Licensing and documentation. You have to extract theme zip file jevelin.zip from it and then upload it.
You can also directly get theme zip file from http://support.shufflehound.com/download/jevelin-beta/
Best regards,
Shufflehound teamSolution for this topic
You can try resolving 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
@media (min-width: 1023px) { .sh-nav-container ul { display: flex; } }Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
Also to help us keep support thread separates could you please create new thread for each of your other questions, instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
Thanks for your patience here, we are still working on this issue.
Solution for this topic
You can try achieving 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
@media (min-width: 800px){ body.home .sh-section-3807118adbb99e58c396038765cc9739 .sh-column:first-child { float: right; } }
