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.
Related
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 have some ads I need displayed as rows of three within a div #ad-720.
I had it working then something changed and now they are all in a column. The footer is also cut off instead of being fullwidth. I've tried adding display: inline-block and a few other suggestions I've found here thru search but nothing is working.
I'd appreciate any guidance I can get. I'm mostly a graphics guy who gets asked to solve code problems here and there! ;)
http://www.cavallino.com/
Right now the CSS for the div is set to:
#ad-720 {
display: inline-block;
text-align: center;
padding-top: 10px;
padding-bottom: 0px !important;
}
For starters the display setting for the is set to block. Try setting it to inline. If that doesn't handle it, post the relevant HTML/CSS here and we will help you out.
Have tried a lot of different things, and still having a lot of trouble centring this navbar:
http://www.miriammedical.co.uk/miriam2012
If I follow the advice here...
Editing Nav Menu - How Do I Wrap display:block, float:left to have a Centered Menu?
... which is to add a fixed with and use margin 0 auto, all that happens is the list appears off-centre.
And then there's this, which suggests using margin-left: auto and margin-right: auto...
CSS Issue Centering NavBar
... but the same thing, it's off-centre
There are other tutorials suggesting using float: left, but any time I add floats (to either the list itself, or the list and its container), I either get the list appearing on the very left of the screen, or I just get everything split gaps appearing in the container instead of the list being on one line.
I know this is an oft-covered topic, but the same old advice isn't working for me. I'm obviously missing something, so help would be appreciated. Hopefully some illumination with clarify the core coding issues at play, as opposed to all the other answers on the net, which just seem to make the same basic suggestions. Thanks.
It's not an ultimate solution, but in that specific case it works
ul#nav {
font-size: 12px;
width: 666px;
margin: auto;
alignment-baseline: central;
}
Element which have any width , with margin:auto; will get centered position relatively to it's parent
You could use this:
div.navbar_wrapper { text-align: center; }
ul#nav { display: inline-block; width:auto; }
Okay, so I've looked at various posts on StackOverflow addressing the problem of centering a nav div. The solution seems to be:
.menu {
text-align: center;
}
But no matter what div wrapping around the nav I use this on it does nothing. You can see the problem at http://www.dustinlee.co
I'm using this framework: https://github.com/jbckmn/naked-wordpress
Notice the navigation is on the left hand side. Even more strange, when you resize the window it begins to almost to the center.
Adding even more to my confusion is the fact that it's wrapped in this:
<nav class="site-navigation main-navigation">
Which seems to be associated with nothing in the styles.
add this to your css
header nav ul{display:inline-block;}
Can anyone tell me how I can center the image thumbnail relative to the large image?
I can only edit the css, as I am using a proprietary cart solution: http://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321711
Additionally; I can write PHP - but haven't touched Javascript in years... is there a better cart solution that I could implement with Wordpress easily? I am finding it increasingly difficult to customize the design of this wordpress site with ecwid cart.
Thank you for any help!
div.ecwid-productBrowser-details-GalleryPanel-imageContainer needs to be centered within div.ecwid-productBrowser-details-GalleryPanel. It's currently set to float: left, remove that and add:
margin-left: auto;
margin-right: auto;
That did the trick in Chrome's dev tools.
I really like Enstore, but it's not Wordpress. But yeah, this cart plugin has really ugly html...
following should work:
#ecwid_body div.ecwid-productBrowser-details-GalleryPanel-imageContainer{
margin:0 auto !important;
float:none !important;
}
.ecwid-productBrowser-details-GalleryPanel > div:first-child{
margin:0 auto !important;
}