I tried to include the SemanticUI "Multiple Search Selection" (https://semantic-ui.com/modules/dropdown.html) in my Bootstrap based script.
This is how it should look like:
This is how it looks like:
After excluding bootstrap it looks like this:
This is why I suspect Bootstrap on interfering. Any ideas of how to find the error?
Related
I want to customize Plone's folder_contents to add an 'edit'-link to each listed item, like show in the image below.
How would one do that?
There is a file called table.xml but I have not tried it. It is very cumbersome to change something internal in Plone.
Looks like the right way to do it is loading the module and changing it's prototype:
var structure = require('mockup-patterns-structure');
structure.prototype.defaults._default_activeColumns = ["ModificationDate","EffectiveDate","review_state","id","Type"]
I'm trying to get code highlighting to work for a simple blog built with jekyll. I want to be able to do code highlighting within posts written in markdown so I enabled redcarpet as markup language. This works all fine, the code gets formatted in <pre></pre> tags and all the various elements of the code get corresponding classes. e.g.
<span class="n">function</span>
<span class="n">saySomething</span>
<span class="p">()</span>
<span class="p">{</span>
etc.
This is awesome but this doesn't give us of the actual highlighting (color) yet. So I suppose there must be some css ready to copy and paste which actually does the styling of the different code elements. Or am I missing something completely?
I looked into some code highlighting libraries like prettify or prism but these do their own formatting with javascript in the browser. But since redcarpet already does the heavy lifting work of formatting the code it is not necessary doing it again.
Any hints?
You need some CSS magic. Use this one or pick one from here.
You can create the CSS with the highlighter itself
rougify style > rouge.css
Or
coderay stylesheet > coderay.css
I like to share the solution as I faced and it took much time to get rid of this issue. Default syntax highlighting is very poor in Jekyll. Like David said, You really need some CSS magic. Check this gist to solve the syntax highlighting problem.
I have a form that I'm making in bootstrap but no matter what I do, I cant seem to get it to look how it looks in the tutorials. The label goes above the text box when it should be beside it, and the whole thing looks like it lacks any css formatting. Thanks for your help.
Here is the site that I'm working on and you can view the source code there:
aerofied.snbw.co/registration.php
bootstrap.min.js returns a 404 error and I believe this is the reason.
This is the URL that returns the error: http://aerofied.snbw.co/js/bootstrap.min.js
You should also read the Bootstrap documentation. You must use some specific classes for your forms.
I recently changed Magento Go templates, but there is one issue with the template I'm currently using. The entire product description is italicized, and I cannot figure out how to remove this 'feature'. I've tried searching here and on the Magento forums for an answer.
So far, I've tried italicizing the text to see if it would negate the native italicization, to no avail. I've looked at this solution:
http://www.rockettheme.com/forum/index.php?f=264&t=192000&rb_v=viewtopic
But it's only applicable to Magento CE, it looks like.
I've added this:
p.normal {font-style:normal;}
to the custom CSS for the template, and to the "Custom Layout Update" field on the individual product, to no avail.
EDIT
OK, I think I've figured out how to do this, but I have no idea how to properly format the CSS to work. I've got this far:
.DIV.tab-content: { p.normal {font-style:normal !important}}
but it's not working. I'm sure the formatting is wrong; would someone be so kind as to point me in the right direction as to how to fix this? Thanks.
Try adding the !important rule to your CSS.
p.normal {font-style:normal !important;}
Reference:
http://css-tricks.com/when-using-important-is-the-right-choice/
Got it! I had to learn a couple of things (which is always nice) to come up with this. Hope it helps someone else. Just add this to the custom CSS box of the theme that you're using:
.tab-content {font-style:normal !important;}
I'm trying to apply a background-image to a header in a site.master file. If I use:
background-image:url('./themes/Modern/images/bg_full.png')
It works fine for all root level pages, but for any dynamic pages higher up directory structure it does not apply. So I changed it to:
background-image:url('~/themes/Modern/images/bg_full.png')
But when I do this the image does not show on any of the pages. Any help appreciated.
CSS is client based. Basically what your code does is creating a GET request like: http://domain.com/css/~/themes/Modern/images/bg_full.png
You probably want something like:
background-image:url('/themes/Modern/images/bg_full.png'); since this will result in a request like http://domain.com/themes/Modern/images/bg_full.png
background-image:url('http://your-domain-host.com/path_to_images/bg_full.png');
try it if not working then give me your page url i will give you exact code