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
Related
If you look at the website below, you can see my issue.
On the Homepage, the top menu works as intended.
On any either page, the menu items are semi-transparent when hovered over and they disappear! Also when you scroll down, the entire menu is transparent as well. I've been fighting with this for hours.
Try adding this to your theme's Custom CSS:
.inner-main-title:before {
z-index: 0;
}
EDIT: Also add this CSS:
.navbar {
z-index: 9 !important;
}
Demo of slide menu in the top left of the page:
https://cuppalabs.github.io/cuppa-ng2-slidemenu/
Using the Google Tools I have been able to change the margin-top of the menu, but I've had no luck doing the same with my own copy.
My best attempt:
cuppa-slide-menu span div .menu-container .cuppa-menu .show-menu,
cuppa-slide-menu span div .menu-container .cuppa-menu .hide-menu {
margin-top: 134px !important;
}
I have also been unable to locate the css file located at src="/path/to/angularjs/angular.min.js"
Regarding the icon sizes, I was unable to do it even on Google Chrome.
Any advice would be much appreciated.
There is not a css file as such, the styles are included in the js files, I have been able to change the margin of the menu by writing the following in my stylesheet:
.cuppa-menu-overlay, .menu-container[_ngcontent-c3]{
margin-top: 150px !important;
}
And the result is
I hope I have helped, greetings
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;
}
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;
}
I have a little problem with Superfish navigation height in bootstrap theme.
-->testi4.aada.fi
I'm not able to reduce its height at all and there is this
element {
line-height: 113px;
}
if you check it with Firefox inspector and i do not know where it is coming from
Pls, help.
// Mika
What happens if you try using %'s instead?
i.e.
element {
line-height: 90%;
}
If that doesnt work, try some additional padding/margin within that element.
element {
line-height: 113px;
padding: 10px;
}
Another suggestion.. You can play with the values using Firebug under Firefox to get the correct value/setting..