I have made the sidebar sticky by using fixed sidebar plugin but the sidebar disappear when scroll back to top I have tried many other plugin but they're not working. This
https://willowdaleequity.com/blog/acquire-69-unit-georgia-apartment-complex-press-release/
is the url of the website on which I'm facing the issue.
Please help me with this problem. I'm using Hub theme by Liquid Themes on my website.
I've also tried following custom css code instead of any plugin but it's also not working.
position: sticky; top:100px; bottom: 100px;
Your plugin is addding position relative when scrolling to top, is there any option in your plugin to change position if on top
add this css and it will show
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget {
position: initial !important;
}
Just apply below CSS and you issue will be solved.
CSS Code:
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget:not([style*="position: fixed"]) {
position: initial !important;
}
If you still find issue please let me know
Thanks
Related
...running wordpress Version 5.9.2 : i was wondering if there’s an easy way to customize the CSS for the featured image to appear with full width. At the moment the image has a huge margin - and is not full width as it appears on the page (see below) - https://www.job-starter.com/
i tried to get this to work with this WordPress theme by including some code into the custom CSS option - see below;
what is aimed: How can I set the featured images to a full width:
i tried the following code snippets in the option additional CSS:
FIGURE.block-image IMG {
max-width: 320px;
height: auto;
}
#2
FIGURE.block-image IMG {
max-width: 320px;
height: auto;
}
or
.block-image IMG {
width: 600px;
height: auto;
}
see the examination of the page:
Update: Hello dear #Howard E many thanks for the quick reply. Great to hear from you. I am so glad that you hepled me. Its awesome: i am running the theme called jobify: see the demo page: - Here is the live site - with the demo of this theme:
https://2709.getwpt.tech/ and besides here:
https://jobify-demos.astoundify.com/extended/
Question: Can we get the look and feel of the theme like it is shown on the demo-pages? That would be great. Many thanks in advance. - You saved my day.
Your question is a little vague. If you want to make the first wp-block-image on every page 100% width, you can do this. But it will work on every page.
You need to understand better how to scope your css.
But this should work.
article .wp-block-image:first-of-type img {
width: 100%;
}
I am facing issues while modifying the layout of my current website. Actually i dont need the box and shadow.
I tried the following code but still it does not solve my purpose.
box-shadow: none !important;
For your reference :
My wordpress theme : POINT
My website link : http://selfarena.com/
Thanks in Advance.
.main-container {
box-shadow: none !important;
}
add this in your css. it should work.
I am in the process of creating my first wordpress template.
I have a top nav that is however pushed down by
html {
margin-top: 32px !important;
}
I found that this particular style is in the admin-bar.php file that came when I downloaded wordpress on my local machine.
I could just take the lines out of that file but that doesn't do the job because I want to create a template that can be bundled and uploaded to anyones wordpress.
Is there a way I can overwrite the above styling through my own template?
I hope this makes sense
Thank you so much
With css you can just do the following
html {
margin-top: 0px !important;
}
and it'll automatically override it.
But I can't tell exactly what you are trying to do.
You could enqueue a css file to the bottom of the page and overwrite the above with:
html{
margin-top: 0px !important;
}
It has to be the last CSS file to be linked.
I'm adding this for future reference because previous answers respond to the CSS question, but the issue here is not the CSS part, in fact html { margin-top: 32px !important; } is added by Wordpress for the toolbar.
As the reference says:
Note: If you have turned the Toolbar on in your profile settings, but still don't see it on the front end of your site, it may be that your theme does not call wp_footer() in its footer.php file, or the Toolbar may be disabled by a plugin.
I have been working with a Magento site which is still under development. I have added a custom dropdown menu script and it works fine in the home page,
zinnati.com.
But in the following page and all inner pages, it disappears when the mouse is moved to a sub menu.
www.zinnati.com/index.php/women.html
I still cannot find the issue. Can someone please help?
Thanks in advance.
your main container of inner pages is overlapping on top navigation bar, thats why the hover effect on link dose not working on area where main container is overlapping.
now i have saw a minus margin on "header2" class
so you need to remove that for getting proper result.
try removing bottom margin.
.header2 {width: 100%;padding: 0px;background-color: #000;/* margin-bottom: -10px; */}
I think there is a link to the RELATIVE position of the col-lg-12 too
Try this on your style.css
.col-xs-1, ...... .col-lg-12 {
/* position: relative; */
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
It's fix the issue for me...
Be careful for the global positionning of your element with this settings...
I'm having a weird issue with the way my Category page is displayed, elements of the selector are displayed in the body tag. This is causing an alignment issue with the navigation bar and the logo header.
Strangely enough this issue occurs only on the Category Page (Archive.php) while the same header.php file is loaded in all of the templates (homepage, product page, category page etc).
I've tried to disable all of the plugins but with no success and also reverted to the original archive.php file but the results are the same.
see the following link: http://www.best-foods-for-fat-burning.com/wordpress/?product_cat=%D7%91%D7%A9%D7%A8-%D7%91%D7%A7%D7%A8
Any assistance or guidance is well appreciated.
Regards
Ofer
Though it is very difficult to debug css without having the actual files in hand, but i think that the right padding in current_page_item is causing the problem,
nav li.current_page_item {
padding-right: 13px;
display: block;
height: 40px;
}
Change this to,
nav li.current_page_item {
display: block;
height: 40px;
}
And let me know. Think it should work.