How can I make a web-part (content query) move a number of pixels (for example 10 pixels) to left in Sharepoint 2013?
When I click inspect I can edit the number of pixels by changing this line of code
.dfwp-column {
margin-left: <the number of px I need>px !important;
}
Actually the content-query is an ul:
<ul class="dfwp-column dfwp-list" style="width:100%"><li class="dfwp-item">
How can I change this code within Sharepoint? Where from?
Use a script editor and use the same thing you did in Developer Tools.
If you are using a wiki page and want a code-free way to format the entire web part itself, a trick is to place the web part in a table on the page and play with the widths of each column. This can all be done directly within SharePoint. This wouldn't exactly work for what you are doing here, but could help with some formatting web parts instead of having to mess with the css in the future.
As far as having to edit the SharePoint css, it is
<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server" /> in your master page. You don't generally want to edit this. Rather create your own and reference it in the master page. There is another post that discusses that issue here:
