I Installed Magento and a theme from envato . However it was working with out any issue and at some point of time it started giving an additional unwanted verical scrollbar in my template
Please check the URL : http://shoptwiz.com/about-shoptwiz with 2 scrollbar on the right hand side .
Can any one point out the problem ?![enter image description here][1]
http://oi61.tinypic.com/29ftphy.jpg Screen shot Link
I have tried to disable or comment http://www.shoptwiz.com/skin/frontend/default/ves_superstore/css/styles.css
at line 4378
overflow-x: hidden;
which removes the scroller . But this gives out another bug .
There is unusual Gap below the footer and the footer of website do not stick to its place .
This is a screen shot after i try to edit css from firebug
http://oi57.tinypic.com/2s8pd9w.jpg
Any one with a good advice ???
Thats a css issue. overflow property problem. I think they have set(theme providers) multiple time the same property. Anyway just open the below file,
http://duwj1c2q9eaye.cloudfront.net/skin/frontend/default/ves_superstore/css/styles.css
at line 4378 remove or comment this css property
overflow-x: hidden;
That's it. If you have any doubt comment here.
Related
I made a simple change on my Squarespace site today, and for some reason my images on one specific page are not loading anymore. I've tried different browsers, and clearing my cache, but the image won't load and nothing has changed. Any idea what I can do to get to the bottom of this?
If you follow this link you will see what I'm talking about, and image will load for less than a second and then disappear. If you don't see it, try refreshing the page.
It appears that you are applying some custom CSS to the page in question, likely via per-page code injection. The following code is appearing on that page:
<style>
.sublogo {
z-index:1000;
position:fixed;
top:20px;
left:35px;
}
.thumb-image.loaded {
display: none !important;
}
</style>
It is the second rule, .thumb-image.loaded {...} that is causing the image to disappear once it is fully loaded.
Removing that rule should solve the issue. Of course, you'd need to consider why the rule was added in the first place and what other issue it was put there to solve.
Implemented a Kendo Grid exactly as stated in the examples.
Here is the pager in the example:
Here is my pager:
Notice how the arrows are right at the top of the buttons.
Why is it like this? I thought if you install KendoUI that everything should work well out of the box?
I have tried this in Chrome, Firefox and IE and the same results.
Does anyone know how to fix this?
The worst part is the refresh on the right hand side, it's completely out of alignment to the item count next to it.
I have even tried a fresh install on a new solution and that did not fix the problem either.
Can someone please help me? Is there perhaps more steps to install Kendo UI properly?
I had this similar problem some time ago. After searching problem I found out that I didn't have doctype on my page.
<!DOCTYPE html>
My page had DOCTYPE html, however the declaration was set to transitional. I removed this and it worked. It also works if you set it to strict.
http://www.w3schools.com/tags/tag_doctype.asp
This misalignment issue is occurring due to kendo icon property which is set to super.
To resolve the issue, we need to set this to middle
.k-icon
{
vertical-align: middle;
}
Include above property in inline css of that page.Like we need to include this into <style> </style>tag.
This should be easy, but I'm not getting any useful results.
www.wilfrednewman.com
I'm trying to edit the menu and keep it on one line. Either forced one line or edit the spacing on my own.
I changed a bunch of margin/padding settings for the ul(got the ul name from top.phtml, then changed skin/frontend/default/blanco/css/menu1.css, but it isn't changing anything.
Using blanco theme. Any ideas to get me started?
Thanks!
Edit: Had to change the name to 'STORE' so it would show up on the same line for the time being. But if I change it to Online Store, instead of pushing the menu items closer together it defaults to two lines!
It looks like you just need #nav > li{padding:8px 15px;} in menu1.css. Change the 15px value up or down to tune the spacing.
If it isn't making any difference check that the CSS file is not cached anywhere (from Magento back-end right through to your browser).
I have a recapture form field added through userforms module for Silverstripe. And if you look at http://www.ct.com.au/contact you will see the captcha form looks quite messy.
Using Chrome debugger I noticed that the captcha is adding an extra <tr> field and I've looked everywhere and have no idea how to get rid of it.
Please help!
The reason it looks so messy is the height of the captcha input that it inherits from your page css pushes out the box height. We need to reset the height of this input field.
Add the following to your css:
.recaptchatable #recaptcha_response_field {
height: auto;
}
I'm building a simple table in CKEditor. If I select Left or Right align, it aligns in the expected side of the view when saved. However, when saved this fails if I select Centre align. It's obviously not the whole page because Centre Align text above and below will display Centre aligned. This issue only becomes apparent when "saved" ... (ie a centre aligned table will centre align in edit).
Can you suggest what's going on?
Thanks
How is the centering actually performed? If you have configured using the XHTML configuration, this sounds like a class issue - if not, it could be a CSS !important override rule.
I have CKE configured based on the XHTML example, so my CKE produces centering on table cells like this: <td class="JustifyCenter">Twilight Sparkle</td>. So, if you place the HTML generated by CKEditor in an external page, make sure that the JustifyCenter class actually defined in the parent page. Also in Developer tools that not only it the class rule exists, that it is actually correct and applies.
Also in your developer tools and check to see if your CSS style is actually working or is it being overridden. If you have a parent page CSS rule like td {text-align:left !important;} and CKE produces content like <td style="text-align:center">Fluttershy</td>, the parent page is overriding your inline CSS definition.
I'm only guessing here - it would help if you can you show us the final code as it's used when saved and also your CKEditor configuration.
the table align to center CKeditor will generate something like this, <table align="center">
but it is not working.
finally i found a solution by using CSS, here my code
table[align="center"] {
margin: 0 auto;
}