My site website uses wordpress (folio theme) with 3 footer widgets. The first 2 footer widgets are okay and align as they should.
The 3rd one displays my "recent posts" (called "blog & recente opdrachten"), but the list of recent posts does not align correctly to the left - seems to be aligned to the right or centre.
I've gone through the styles.css and footer.php, but can not seem to find anything to fix it.
Any help is much appreciated. Many thanks.
This is happening because of the following style:
ul {
margin-left: 48px;
margin-left: 3rem;
}
Adding the following style should fix your problem:
.footer-widget ul {
margin-left: 0;
}
use this in style
.footer-widget ul{
margin:0px;
}
Related
Working with Chelsea Warm, BigCommerce theme. I was able to adjust the padding around the promotional banner (see screenshot), with the following code, added to Storefront>Footer Scripts in the control panel:
`<style>
.banner.rte {
padding: 0px;
}
</style>`
But I need the text to be centered in the banner (it's near the bottom instead and looks off-balance). Anyone know a good tweak for this?
Best, YT
Screenshot of header - link
OK so here is the css you need to put into your css file
.banner strong {
position: relative;
bottom: 22px;
}
and it will look like this :
Thanks
I created a horizontal menu using
display : inline
so I expected that Wordpress themes do the same. However, inspecting
http://demo.presscustomizr.com/
with Firefox Developer I have not found such a css rule. How is it achieved here?
They use float: left to position the li elements horizontally.
Inspect a list element and you will see this:
.navbar .nav>li {
float: left;
}
Thanks in advance. for looking at the question.
my site www.ezensure.com is built on gantry wordpress template.
is there a way that i can reduce the hight of the the Top module position. so that the height of menu and logo decreases by 50 %. I paln a slim menu and logo.
You can slim down the top section by overriding the CSS like this or similar:
.gf-menu.l1 > li > .item {
line-height: 10px;
}
.gf-menu li.parent > .item:after {
margin-top: -6px;
}
.logo-block {
margin: 2px 10px;
}
To override the CSS, add the above code to a custom CSS file at /wp-content/themes/[TEMPLATE]/css/[TEMPLATE]-custom.css
The official instructions for adding a custom CSS file are at: http://www.gantry-framework.org/documentation/wordpress/tutorials/custom_stylesheet.md
Another option you may not have considered is to use the RocketTheme "Anacron" theme (or similar) which has a scrolling header that scrolls away to nothing as you page down, and reappears when needed if you scroll back up: http://demo.rockettheme.com/wordpress-themes/anacron
I have a wordpress plugin called "List Category Posts" in use, but I have some issues with the customization of that list.
Post-titles containing a specific amount of characters are now flowing around my thumbnails, but they do not start on the same height as the thumbnails. I want my thumbnails in the top left position, just like that:
[img] text text
Location of that list
Code snippet in my style.css:
.post-content ul.lcp_catlist li { background-image: none; padding-left: 0;clear:both;}
.lcp_thumbnail{ float:left; margin:0px 10px 5px 0px; height: 100px; width:100px;}
.lcp_catlist li:after {content:'.';height:20px;visibility:hidden;display:block;clear:both; }
.lcp_title{font-size: 20px;}
Help is much appreciated.
If you have access to the template, you should place the img tag before the title.
This way everything will work exactly as you want it to.
If you can't access the template you could float the title to the right.
.lcp_title { float: right; width: 472px; }
This ought to solve the problem as well.
Let me know how it works out.
If you would like the image always on the left you need to move the <a> tag to the first thing listed within the li. The CSS is fine.
the footer in hybrid simple theme is aligned to left and i want it in the cenre Please help
Have you tried adding #footer { text-align: center; } to your CSS file? I tried it on the demo site and it seems to work. The .copyright element floats to the left, so you probably want to remove that too to get everything in the center.