Questions tagged [css]

CSS is the abbreviation for Cascading Style Sheets. CSS is a language used to control the presentation (including colors, layout, and fonts) of HTML and XHTML documents.

Filter by
Sorted by
Tagged with
0
votes
1answer
57 views

Customizing SharePoint CSS on Site Contents

So far I have custom CSS for all of my normal site pages that has been working properly and now I am trying to also use the CSS for other pages (Site Contents, any document libraries, lists, folders, ...
0
votes
1answer
389 views

How to dynamically change css in React/Sharepoint online

I am developing webpart for Sharepoint in React and I have: div located in X.tsx <div className={styles.somestyle}><RichText className={styles.richTextStyle} isEditMode=.../></div> ...
0
votes
1answer
68 views

How to hide side menu of my List View. I cannot edit this page by adding Content Editor webpart

How and from where can i hide side menu navigation. I could remove all navigation items from Site Settings > Navigation > Current Navigation but side menu still appears with no links. I cannot edit ...
2
votes
2answers
164 views

How to inject CSS in modern SharePoint pages using Extensions?

I've followed step-by-step this article on how to inject CSS in modern SharePoint pages using Extensions: https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-...
0
votes
1answer
21 views

Solution to replace InfoPath Form for SharePoint submission

I need to replace an InfoPath form that has multiple repeating tables and repeating date fields, has the ability to create revisions while keeping older version data. We dont have access to microsoft ...
0
votes
1answer
2k views

List of reusable CSS classes for Modern UI

Is there a table of all re-usable mdoern CSS classes? That would be useful to have in one place so that we can use them for JSON column formatting or in our custom SPFx webparts? For example, I am ...
1
vote
2answers
748 views

How can I make the font-family and font-size in my SharePoint List all the same?

I have a list in SharePoint 2013 where the fonts are all over the place: Verdana, Arial, New Times Roman, 12pt, 8pt, etc. How do I set a standardized format?
2
votes
2answers
518 views

Combine Column Wrap Text, Color and Column Width - JSON Code

I have the wrap code: { "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json", "elmType": "div", "style":{ "white-space":"wrap" }, "txtContent": "...
0
votes
1answer
231 views

CSS was ignored due to mime type mismatch

I am working on client side web part using JavaScript and CSS for customization. I have added custom css and JS into the page and I am getting the message on console of the browser i.e. CSS was ...
1
vote
1answer
113 views

SharePoint 2016 Custom List: Accordion with jQuery Icons [closed]

I have used the code below for my SharePoint Custom FAQ List, and it works pretty fine. Now I would like to add jQuery UI icons such as ui-icon-plus (+) and ui-icon-minus (-) icons. How do I do that?...
1
vote
2answers
2k views

What is the best practice for getting JS and CSS files into a SharePoint Modern Page? [closed]

I'm looking for the best way to include JS and CSS files into a SharePoint Modern page, which can be done once across a number of pages. At the moment I've got the Script Editor web part to include my ...
3
votes
2answers
54 views

how to hide gear icon Sharepoint 2013

I would like to hide the gear icon in Sharepoint 2013. I would prefer to do so using script editor. Any ideas? Thank you!
1
vote
1answer
173 views

Inherit Site Master Page from parent of this site option is greyed out

From Site Settings page in Sharepoint Online, I am not able to select "Inherit Site Page from parent of this site" option as it is greyed out which is as follows I'm very new to Sharepoint and I am ...
0
votes
1answer
40 views

Setting background color in Calendar web part using javascript

I am trying to set the background color of Calendar overlay using javascript. I can set them using a static css file, but I would like to do that via javascript, based on certain conditions. var ...
0
votes
1answer
175 views

Navigation with megamenu in SharePoint 2016

I successfully created a mock-up navigation menu with a mega menu item (Directorate) in codepen, but it isn't working as I would hope. When I try to implement it in my SharePoint site, this is what I ...
0
votes
3answers
64 views

increase column width of new form(newform.aspx) on SharePoint list

On SharePoint list form, we have different column's with different width. We want to increase column width. Our aim was all columns need to have same width on form. Please refer attached image. Kindly ...
0
votes
1answer
88 views

Are these FabricUI components still supported and can i use them?

I'm investing and trying out some of these components in my web part (classic page) The Persona Card https://developer.microsoft.com/en-us/fabric-js/components/persona/persona Ref below https://...
2
votes
1answer
63 views

Is it possible modify the megamenu cascading dropdown spacing?

I'm looking for a way to modify to spacing between the section titles on the megamenu? I'm thinking that this could be done modifying the css scripting, but I'm not that skilled with the web-dev side ...
1
vote
1answer
165 views

SPO:SPFX Modern Script editor - css class and id suffix changing and breaks styling

I am more of an admin than a developer but I managed to get the SPFx Modern script editor to work in my tenant to facilitate some required cosmetic changes. Unfortunately it seems that the CSS classes ...
1
vote
1answer
277 views

Modify SharePoint List column width of custom webpart with HTML source

I have a custom webpart called Available seminars: I want to modify the width of certain columns. On the Internet it is written that I have to use <style type='text/css'> .ms-vh-div[...
0
votes
1answer
26 views

Calendar Content Query on 3 lines

I have a design requirement based on a custom design created by a UX team to show the 3 most recent calendar entries on 3 separate div elements on a SharePoint 2016 Site Page. Each should only pull ...
0
votes
1answer
354 views

How to add bootstrap media query add in spfx(jquery) web parts?

We have SharePoint SPFx web part (developed using jQuery). We want to show these web parts responsive in the all devices. Do we need to use bootstrap or any media query?
0
votes
3answers
232 views

How To Hide New Item from Ribbon Classic SharePoint online?

How to hide New Item menu from classic SharePoint Online Ribbon UI? I am already using Toolbar Type with "No Toolbar". But I want to hide "New Item" button from Ribbon. Please advice. Thanks
1
vote
1answer
665 views

Office UI Fabric verticle align middle not working

I am trying to make my image vertically aligned in middle using CSS which is not working in Office UI Fabric. My HTML Code: <div class="ms-Grid" dir="ltr"> <div class="ms-Grid-row"> ...
0
votes
2answers
36 views

How can i insert a css snippet using javascript base on the choices of the user [closed]

I have this HTML and Javascript code. But how can i execute a specific CSS base on the choices below? For example: Platform = Unix, Windows, Network = Execute CSS1 Platform = Unix, Windows = Execute ...
0
votes
2answers
199 views

Promoted Links - Stop Title Movement

Any idea's how to prevent the title from moving in promoted links webpart and instead remain stationary? Preferably using CSS, but willing to look at other options. using the below code i can ...
0
votes
1answer
76 views

CSS code to adjust column widths using static name instead of display name

I'm currently using this code to adjust the width of specific columns by referencing the display name: English version: .ms-vh-div[DisplayName = "Recent History"] { width:300px } However, I've ...
0
votes
1answer
18 views

Implementing Global horizontal navigation in SP Masterpage css issue

I found a sub-navigation menu that I was able to tweak and make it dynamic in SharePoint. It functions exactly as you see here except in SharePoint, the navigation is being populated with data from ...
1
vote
2answers
1k views

Promoted Links Edit Hover Behavior or remove animation

*** I managed to get closer to a solution, by implementing the css code at the end of this post, this allows me to disable the Promoted links overlay so it doesn't interfere with the background color ...
1
vote
1answer
83 views

Change List Web Part background color when any item in the list has a certain value for a particular field?

Here's my situation. I have a DispForm that has two Data View Web Parts at the top that are displaying a few related items from two other lists. What I've been trying to figure out for hours now is ...
0
votes
0answers
39 views

Making one promoted link on the page bigger then the rest

I trying to have my SharePoint page appear like below using promoted links. I'm struggling everything I've tried in CSS is designing the tiles the same.
0
votes
0answers
55 views

WebPart zone properties

I used SharePoint Designer to insert the WebPart zone into page and the WebPart only covers %50 of the page, how can I make it to cover %100 of the page. <WebPartPages:WebPartZone id="...
0
votes
0answers
41 views

How to display the SharePoint page title?

When I view my SharePoint site in developer mode, I'm able to see the title. But used class name as ms-hidden. Maybe because of this page title is not visible. I don't know to edit code in the master ...
0
votes
3answers
1k views

Add Css in spfx

I want to add below CSS in SPFx web-part using states. But unable to do it: div[class^='pageTitle_'] { display: none; }
0
votes
2answers
742 views

Hiding “Site Name” in SharePoint Online

Can you please advise how to hide a "Site Name" in SharePoint Online? I tried to leave the name blank in the Site Pages but was not able to republish the site as a message prompted that you cannot ...
0
votes
2answers
44 views

CSS to style UL on page also styles Top Navigation

The custom CSS I'm using to style headers and fonts in the content on a Sharepoint webpart page is working - it's styling the content, but unfortunately it is also styling the site's top navigation on ...
1
vote
1answer
133 views

Title Area modern ui pages does not load

I have two modern UI pages Test1 and Test2. In Test1 page, I am using SPFx webpart to hide control on particular pages. I am using CSS: global { div[class^='pageTitle_'] { display:none; ...
0
votes
1answer
67 views

How to hide elements from a dropdown menu based on other values? [closed]

I have a dropdown field showing the following options: Updated, Reviewed, Rejected. However, I like certain options to be hidden at certain stages, is this possible? For example, if varStatus == ...
0
votes
1answer
290 views

Hide web-parts using JQuery in SharePoint Online

I have a page with multiple web-parts. I have four buttons in a web-part: <div id="buttons"> <div class="gmcButton" id="About GMC">About GMC</div> <div class="gmcButton" ...
0
votes
2answers
42 views

What is the best way to target elements in a DIV?

I have some styles that I want to use in SharePoint but it always messes up my SharePoint page by making things appear weird. I can't even use something simple. How can I use CSS to target just the ...
0
votes
3answers
1k views

Hiding get mobile app button on SP online communication site collection

For one of the clients, I have spin up a modern communication site collection and on the landing page of the same, I am seeing 'Get the mobile app' showing up, I was able to hide the 'feedback' button ...
0
votes
1answer
33 views

increase the size of text on Upload.aspx

Is there a possibility i can ammend some CSS or something to increase the text size on Upload.aspx? I guess not but it would be very nice if i could. Any advice would be great, we are using ...
0
votes
1answer
213 views

on click change Document card color SPFX

I have developed a webpart where on hover i am changing the color of document card office fabric component and on click of document card i am showing grid ,but i am not able to change color of ...
0
votes
1answer
32 views

Adjusting the margin/position of a nav's search bar crashes my browser

I'm working on a SharePoint site and every site that's within the collection displays the same navigation menu. You can make edits to the nav menu that's displayed on a particular page, but edits made ...
0
votes
1answer
317 views

Css overide for office fabri ui Pivot

How can we do padding left in office fabric UI CSS for pivot component , Want to padding of Pivot component its working on develoepr tool added screenshot for same but not able to override through css ...
1
vote
3answers
312 views

Using JQuery with SharePoint Framework

Reading this tread (Add jQuery in Client Web part (SPFX)) I'm going to open a new question with another problem. I am also following the accordion tutorial from Microsoft docs and trying to customize ...
0
votes
2answers
1k views

Hide Page Title and Command bar from Modern UI SharePoint pages

Can we hide below from modern UI pages using css?
0
votes
1answer
49 views

How to hide 'Recently modified'

I have used the following as suggested in another post. and it seems to work, however when I save changes and reload page the 'recently modified' section comes back. Am I missing something or is ...
0
votes
1answer
485 views

CSS classes added in project.module.scss not showingUp in my .tsx file in SPFx Project

Currently I started working on React SPFx webparts and wanted to add some new CSS. I added some styling to classes in Project.Module.scss. But Now when I am adding this class names in render() method ...
1
vote
0answers
30 views

O365 CDN not loading master page assets

I have recently enabled the public cdn on a tenant however this is now causing sites to fail loading css resources. I have ran the following PowerShell: Set-SPOTenantCdnPolicy -CdnType Public -...

1
2
3 4 5
23