Having selected a theme from themeroller, I'd now like to put together some compatible CSS for the rest of the page that includes the jquery components that respect the theme. Is there any shortcut for this?
I would use the hex values and fonts that you used in your Theme to build your own custom css file. You can gather all of these values using the Edit feature on the ThemeRoller page for the theme that you've selected.
Related
I am using asciidoctor-fopub to generate a pdf from an asciidoc.
The page number is added in the middle of the page footer. I would like to move it to the far right. I am convinced that this is doable. But I can't find any example of how to customize the page footer properly.
Since you already have asciidoc files it might be easier to use asciidoctor-pdf directly. With asciidoctor-pdf it is possible to design your own footer with themes. How to apply themes is described here.
I need to view an icon.ttf (svg,woff,eot,whatever) font file. I do NOT want to create CSS to do this. There are hundreds of icons and I need to look at them quickly. Is there anything I can use to open the font file?
The only responses are along this vein: If I have a generated icon-font as TTF, can I tell which CSS content-property belongs to which character? and include CSS - that is NOT what I am looking for. I want to preview the file NOT through manual entry using CSS (or SASS, etc).
I am assuming this cannot be done since I havent found a decent answer. If you have the knowledge for how to preview an icon font, please share!!
You could use the Character Map tool in Windows. Just select the icon font and you can preview the entire list as well as the corresponding css codes.
Whenever I click on the CKEditor dialog (eg: add image, hyperlink etc) form elements are not displaying in proper format. Guide me that how Can I resolve this issue ?
Your styles are interfering with CKEditor styling. You need to open developer tools and check which of your selectors are applied to CKEditor elements and fix those selectors to be more precise.
I want to customize the navigation bar in my theme. I searched for the CSS file that styles the navigation bar in the css directory but I couldn't find it.
In the nagivation.vm file, the navigation is declared as follows:
<nav class="$nav_css_class" id="navigation">
and using firebug I found out that the class is
sort-pages modify-pages.
I appreciate your help.
Thanks
The css file is called css/navigation.css. However, best practice is to do all modifications in _diffs/css/custom.css - this file is loaded last and all settings in there will override those in navigation.css and any other files. As a side effect, you'll have all of your settings neatly separated from Liferay's and are in a better position during updates.
custom.css is supposed to be empty in all themes that are meant for extension. If you start with the classic theme, you'll see that custom.css in there is not empty - this means, that the classic theme is not meant to be extended. Technically you can still do so of course, but Liferay might change this theme without notice in future versions and you'll end up upgrading then.
I need to create custom webpart with complex (few divs, or other html elements) background and borders.
How can i use default sharepoint content editor and just add predefined background and frame!?
Thanks.
You tagged your question with Sharepoint 2007 and 2010, the content editors are different though. This answer is for SP2010:
You can just add CSS to a custom CSS file. background-image for .ms-rte-layoutzone-inner-editable will do the image trick. If you want to add a "frame" as in border, you can add border attributes to .ms-rte-layoutzone-outer and make it e.g. red.
An example for a background image:
.ms-rte-layoutzone-inner-editable {
border-image: url(/PublishingImages/Mylogo.gif);
}
But please do your users a favor and don't include anything blinking or distracting to the content editor's background - if you wanna go for some very light grey or something like that it's OK.
For MOSS2007 you need to check the specific styles you can override.