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.
Related
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
I'm using Dokan plugin for my website. My problem is need to remove extra space between heading & banner (Check screenshot 1). And I find a solution using web inspect tool. If i change the padding-bottom to 0px its working fine.(check screenshot 2). so I try to find that CSS class in my website backend, i found a same CSS class regarding my issue but if I change it not working in my website.
The CSS class in martfury/style.css
.page-header-page .entry-title {
padding-top:0px;
padding-bottom:0px;
font-size: 48px;
font-weight: 600;
text-align: center;
margin-bottom: 0;
}
I search every CSS file but nothing found also try to clear data. Nothing help me. If any one know how to solve this please help me.
I'm really thankful for your time.
Just try with !important like given below
padding-bottom:0px !important;
I think you CSS not able to overwrite so !important will be work there.
I work for 2 sister companies and we have copied the template of one website to another for most of the functionality.
For some reason, I cannot get the pagination to work as it does on the one website. We are using a custom theme so I can't seem to get any plugins to work.
The pagination works well here: https://clcanursing.co.uk/news/ and I want to be able to replicate how it looks and how it reacts to tablet and mobile devices. I am trying to copy it onto this page: http://clcacalldirect.com/blog/ but it fails here.
Any help would be appreciated!!
Thanks,
Andy
It seems like your issue is CSS related. You're missing some styles (like the one below). Make sure you're copying over all styles.
Use dev tools to see the differences between the two slices of code.
EDIT:
The below code gives you the exact style and functionality on tablet/mobile
#media (max-width: 1200px) {
.pagination .default--button {
border-radius: 0;
width: 49% !important;
text-align: center;
margin-top: 70px;
}
}
One of my wordpress site wont scrolling on Chrome (Windows). Im a newbie, and cant tell you much, but this is happens when I update the theme version. The theme author is so futile and does not help me.
This is the site.
Thanks in advance and again - sorry for а limited information.
#body-maha {
overflow-x: hidden;
background: #212121;
}
Change it to:
#body-maha {
overflow-x: auto;
background: #212121;
}
Or remove it completely
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.