I'm currently getting familiar with CSS to redesign some SharePoint sites.
My question now is: How can I find the classes I need for that ?
Litte examples that I found on the internet and used:
"ms-rtestate-field" for styling a SharePoint list
".ms-promlink-header" for enabling multiple rows for the promoted links webpart
I wasn't able to find these classes in the Source before adding the CSS.
So where did the creators find those classes ?
The SharePoint documentation didnt help me, but this could be due to my lack of my knowledge and understanding of css.
Thanks in advance
If you just want to customize the display of SharePoint, redefine CSS class, in SharePoint 2013, there is Color Palette.
Microsoft have created a tools to manage color palette : SharePoint Color Palette Tool
With this you can customize the color of you sharepoint site easily.
And you can find a lot of documentation about this tools ;-)
Turns out that it was indeed my fault that I wasn't able to find any classes using the F12 Dev Toolbar. It works fine now with the pointing tool and I can find classes easy.
Related
did anyone ever customize the Twigmo addon basic theme for cs-cart? I am trying to write custom css files for font size and color. What I tried:
Using the visual Editor: after working for like 2 hours changing the styles, I tried saving and apparently my current subscription doesn't allow me to do custom files using visual editor
I tried searching for other solutions: fell on this twigmo skin editing which basically tells me to create a custom css file called custom{theme-name}.css. I did but i still can't figure out what classes the twigmo for what. Does anyone know where i can find this? i am also posting a question on the forum to see if they can help me.
Thank-you in advance. hope my question is clear enough.
The free "Starter" Twigmo subscription plan doesn't provide an ability to customize CSS. You have to subscribe for any paid plan. In this case the visual editor will be available for you. Also you will be able to write your custom CSS code in the visual editor.
Regarding your second solution - it is for old version and doesn't work for the Twigmo 3.x.
Hovewer you can modify the design/themes/[your_theme]/templates/addons/twigmo/mobile_index.tpl file. You can add your CSS code there. It is not the most convenient way, but it is free.
I have been searching for a while now on how can i modify the Discussion board look'n feel. E.g. Styles Css Html in views etc...
My client wants to have the discussion functionnalities on his site, but he wants to change significantly the look'n feel of the Discussion, obviously the layouts and style of the view ...
I was wondering if there is any way to do this since i am using a list based on discussion board template created from Visual studio...
Any help will be appreciated ...
Your solution can be using JsLink (new in SharePoint 2k13) it is an alternative to xsl you can have your board list and customize your display template as far as you want to...
Hope this helps
I'm using SCSS and web technologies and was hoping to find out where a CSS class or id was being used; for all the uses. I am using Visual Studio 2013 and I know you can see where the properties and methods are being used, but was wondering if I could use the same tactic for CSS and even javascript. Would I need another IDE?
Thanks in advance
you can always use firbug. It allows you to inspect and modify html styles and a whole lot more
here is the link.
http://getfirebug.com/
Does anyone know where I can go to get some ASP themes for Visual Studio? I've Googled it, but it doesn't seem that there are many out there. I was hoping someone here knew something that I don't. Thanks
Visual Studio has nothing to do with it. The CSS for a custom theme will have rules that are applied to the HTML elements rendered to the page. The structure of your HTML can vary greatly; every developer/designer have their own preferences about whether to place certain parts of the page on a form or on a master page. There is no standard way of doing this and each project will have its own set of requirements in this regard.
http://msdn.microsoft.com/en-us/library/705sff8d%28VS.80%29.aspx
There really is nothing to learning how to create an ASPNET theme. If it's the CSS part that is causing you difficulty then your best bet is to install the Web Developer Toolbar in Firefox and view some CSS galleries. This tool will then allow you to investigate how some really professional sites are put together.
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
i think you must have to create your own CSS.
I'm building a custom web part for SharePoint and I'm trying to use the default styles so when people theme the site, it will theme with it.
I've found a couple of decent sites that show the different styles like:
http://www.sharepointcustomization.com/resources/tipstricks/wss_cssguide.htm
but I'm looking for something that has better examples. Specifically, I'm looking for a good table style that I can add.
Does anyone know of a site that shows the different SharePoint CSS styles with examples?
Thanks.
Heather Solomon's blog is the multimate reference for Sharepoint 2007 CSS (the link you posted is for SharePoint 2003). You can also use developer toolbar to find the CSS class you are looking for.
If you are doing a custom webpart, consider SPGridView for your tables, I believe it will use the standard sharepoint List table styles: http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webcontrols.spgridview.aspx