Can we change font style in Sharepoint site? - sharepoint

I am creating a SharePoint site. I want to customize the content. I am able to change color and font-size But I don't find any ways to change font-style.

Try to set font-style in SharePoint like this:
<style type="text/css">
.menu-item-text{
font-style:italic !important;
}
</style>

To have different font-style in SharePoint we can copy the text in the required font-style from another location and paste in SharePoint.

Related

How do I get search result from content with display:none - SharePoint

On a page I have added a content editor with text that has display none. How can I make the text with display:none searchable with SharePoint search?
To make hidden text from Content Editor Web Parts show up in search results, you need to use internal or external styling, not inline styles on the text itself.
The text below will be shown in search results:
<style>
.hidden { display: none; }
</style>
<p class="hidden">This text will be indexed by the search engine.</p>
This text, however, will not be shown in search results:
<p style="display: none">This text will not be indexed by the search engine.</p>
In addition, you need to update the Search and Offline Availability settings for your site to make sure the web part is actually indexed. To do this, go to Site Settings and look under the Search category, then click Search and Offline Availability. On the following page, you need to set Indexing ASPX Page Content to Always index all Web Parts on this site. Please read the description for that setting to be aware of the potential side effects, though.
I found this solution here. I have tested it on SharePoint 2013 and can confirm that it works.

Web-part Tile Spacing Issue

I have a Webpart containing 12 tiles and there in one big row (with arrows to move left and right).
I want them as 3 across and 4 down... This is SharePoint 365/2016 I believe. Sorry not used SP since 2013... so have no idea if this is even possible.
** UPDATE **
When embedding a code I enter:
<style>
/*display rows of 3 items*/
.ms-promlink-body {
width: 480px;
}
/*hide the arrows when you have more items than viewable*/
.ms-promlink-header{
display:none;
}
</style>
This in the editor does what I want... when I save it goes.. I check 'EDIT SNIPPET' and get:
<style unselectable="on">
</style>
Any Ideas on getting this to work?#
UPDATE
These sites helped:
https://social.technet.microsoft.com/wiki/contents/articles/26522.sharepoint-2013-promoted-links-change-size-wrap-view-handle-click-event-using-jquery.aspx
http://www.balestra.be/2014/04/easy-way-display-promoted-links-tiles-multiple-rows.html
These sites helped:.........
https://social.technet.microsoft.com/wiki/contents/articles/26522.sharepoint-2013-promoted-links-change-size-wrap-view-handle-click-event-using-jquery.aspx
http://www.balestra.be/2014/04/easy-way-display-promoted-links-tiles-multiple-rows.html

Infopath Form Web Part shifts/moves page off center

As you can see in the image below, when the InfoPath web part is placed on the SharePoint page (SharePoint 2013), it moves the page content area of the center.
This has happened on multiple pages. I can't seem to find any information about why this is happening.
Any help would be appreciated.
This is somehow a bug in SharePoint 2013 (check here). A quick resolution would be to add the following CSS to the page (in a hidden Content Editor WebPart or a Script Editor WebPart):
#sideNavBox {
display: none;
}
Paste this code in a script editor web part. Where it says WPQ2 change the 2 to the number of that webpart. You can find that by using Google Chrome inspect element. Modify the margins css to your liking.
<style type="text/css">
#MSOZoneCell_WebPartWPQ2 {
margin-left:-200px;
margin-top:-150px; }
</style>

how and where to add CSS style in sharepoint

SharePoint 2010 is upgraded to SharePoint 2013 and the problem I see the font-szie is very big. I checked and compared ms-vb class should have font-size 8 and font-type : verdana, arial etc.
Where can I add these 2 properties in my site? I don't have access to the " _layout/15/1033/ " folder.
I don't want to create for everypage a contenteditor and adding a style.
Where can I add these the styles then? I do have access to the site via SharePoint Designer 2013.
The change should only affect the site collection and the sites within... not the parent sites.
.ms-vb or td.ms-vb
{
font-size: 8pt;
font-style: "verdana, arial";
}
NOTE: I may not update Masterpage (no rights). There are many site collections and different people are responsible for it. I'm just responsible for my site collection with 160 subsites. So is there a way to add a CSS class in somewhere for ONCE and get ONLY my site collection be affected?
in otherwords, is there a place to CSS class or file that only affects the current site colleciton? or in another words is there a CSS at SITE collection level. (current site collection)?
You should create a new style sheet or add an override within the existing style.css located in _catalogs/masterpage/style.css. Then reference this from the masterPage. Or if you want to be bad, add the script element directly in the MP
<script>
.ms-vb or td.ms-vb
{
font-size: 8pt !important;
font-style: "verdana, arial" !important;
}
</script>
If you have the security rights to create or edit the site masterpage, you can add a style element that will be applied to all pages in that site, or even better, link to a new CSS file you create in the Style Library.
EDIT: if you don't have the ability to edit a masterpage, you can "Specify a CSS file to be used by this site and all sites that inherit from it" in the Site Master Page Settings under Alternate CSS URL.
/_layouts/15/ChangeSiteMasterPage.aspx

change the position of Ribbon Tabs to the right in SharePoint foundation 2010 Master Page

I want to change the position of Ribbon Tabs to the right in SharePoint foundation 2010 Master Page.
But i am not able to find any Controls related to Tabs(like:Ribbon.Tab) in "v4.master" using SharePoint Designer 2010.
similar like below image.
This page details the operation needed.
Here is a breakdown of the essential controls laid out to better
understand how it all works:
1. <SPRibbon PlaceholderElementId=”RibbonContainer”>
2. <SharePoint:SPRibbonPeripheralContent Location=”TabRowLeft”>
3. <SharePoint:SiteActions>
4. <asp:ContentPlaceHolder id=”PlaceHolderGlobalNavigation”> <SharePoint:PopoutMenu ID=”GlobalBreadCrumbNavPopout”> <SharePoint:PageStateActionButton>
5. <SharePoint:SPRibbonPeripheralContent Location=”TabRowRight”>
Applying information from here, the following seems to do the trick (add it to the master page)
<style>
.ms-cui-topBar2{
/* [ReplaceColor(themeColor:"Dark2-Lighter")] */
border-bottom:1px solid #cad2db;
height:43px;
float:right;
}
</style>

Resources