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
0 answers
21 views

Custom CSS in SharePoint Modern site

I have created a SPFx app customizer to hide the AppBar and SuiteNav. Basically, it injects CSS to the 'head' element. It works fine, but when I first load the page, for a second it shows these two ...
user avatar
  • 101
0 votes
1 answer
15 views

Custom banner overlapping the page

I am trying to add a custom banner to the SharePoint Online Page (Classic experience). Unfortunately, the banner is overlapping other elements of the page. This is what I am doing: Created the code ...
user avatar
  • 1
0 votes
1 answer
31 views

Editing a modern SharePoint page built with html-hard code

I have a SharePoint site that I need to make a few minor changes on. The problem is that this page was built with html/hard-coded, so it won't allow me to simply click "Edit page", then do ...
user avatar
  • 139
0 votes
0 answers
50 views

Error: Failed to read the 'cssRules' property from init.js 'CSSStyleSheet': Cannot access rules

I'm trying to run a simple script to hide some fields in sharepoint online using the script editor itself: <script type="text/javascript"> function runAfterEverythingElse(){ ...
user avatar
0 votes
1 answer
43 views

Can webpart title style in classic pages

Can we style the all Web part title in SharePoint classic page like below same class?
user avatar
  • 87
0 votes
0 answers
29 views

Is there a way to change the Text color for our Upper Menu items + the background-color for the upper menu [duplicate]

Can I change the background-color for our upper menu to be grey and the upper menu text color to be blue, something as follow: I need this to be done for all the pages, and not just to a single page?
user avatar
  • 2,224
0 votes
0 answers
14 views

Is there any SPFx web part which I can use to inject custom CSS files inside different modern pages by specifying the custom CSS file URL [duplicate]

I am starting this non-standard project for a SharePoint Online tenant: The client has created 10 modern pages that will be defined as templates. Inside each of the 10 modern pages we need to inject ...
user avatar
  • 2,224
0 votes
0 answers
15 views

Code hyperlink not found

I'm trying to maintain an existing SharePoint site where direct HTML and CSS editing have been used. In viewing the page source HTML in SharePoint designer, crtl+clicking on links to various classes ...
user avatar
  • 1
0 votes
1 answer
39 views

Remove default table styles in SharePoint

I inserted a default table style in SharePoint and I would like to write some CSS rules to remove the other table styles. The default style should be the one which is added by me, the others must be ...
user avatar
  • 1
0 votes
2 answers
105 views

Changing font family in SPO

I am wondering if there is any way to change the font family in SPO? I see that its possible in SPFx for web parts (and possibly a hacky way to do it for the whole tenant) but is there a way to do it ...
user avatar
0 votes
0 answers
14 views

Liking server file directory

I'm new to SharePoint and started building a page for my team. I am trying to link a Server Directory such as "file://server/serverdirectory/docs"(note: it's not mapped to any drive) --> ...
user avatar
  • 1
1 vote
1 answer
200 views

How to hide status bar and inside an Iframe

I have added an iframe to show a power point diagram on SharePoint classic page. By default it has a some tool bars and other sections in the iframe. I would like to clear all the controls and tool ...
user avatar
  • 1,453
0 votes
2 answers
73 views

SharePoint Page CSS Updated but Not Showing On Page

I needed to change the position of an element on my site page CSS. The folder that contains the CSS is located in the Site Assets. I changed it and reuploaded it to the Site Assets, and when I open ...
user avatar
  • 131
1 vote
0 answers
65 views

"Create HTML Table" CSS Style to Format SP List as Single-Column layout

I am using a SharePoint List to store News Clips related to my company. I have created a flow to auto-send them to a distro list, and achieved a clean table, but wish to create an email where the ...
user avatar
  • 23
0 votes
0 answers
62 views

How do you edit hover text in SharePoint 2013 survey questions (choices as checkboxes)?

example image of current state and ideal state I am trying to edit the hover text that is generated on a survey question in SharePoint 2013. The question is a Choice type with 3 answer choices ...
user avatar
0 votes
0 answers
13 views

Blank space in page spfx webpart

Hi All i have created spfx webpart and deployed in sharepoint page but if i change resolution to less like 90 to 80, 75 to 65 space from right hand side scroll to my webpart keep increasing it work ...
user avatar
  • 87
0 votes
1 answer
322 views

Extra hover CSS on Fabric control in SPFx webpart

For all of my fabric control, I am getting extra hover CSS in my SPFx web part. How can I remove that extra hover? button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:...
user avatar
  • 87
0 votes
1 answer
50 views

Is it possible to apply custom CSS to the SharePoint Online Site Content page?

Is it possible to apply a snippet of CSS to the SharePoint Site Contents page of a SharePoint site? I would like to tweak it slightly with some styling.
user avatar
  • 1,309
0 votes
1 answer
69 views

How to update margins in SharePoint list

I have received a very weird request from a user today. She wants no space in SharePoint list when they create a new item. Please see below screenshot for more information:
user avatar
  • 507
0 votes
1 answer
541 views

SharePoint Online - Modern Site, Can you add a custom Background Image behind Webparts

I am looking for some assistance - I currently have a request from the CEO to create a custom SharePoint site, which will be used to embed a Microsoft Stream video, however he wants the site to be ...
user avatar
0 votes
1 answer
79 views

CSS styles are not working in Sharepoint 2016 Server On Premises

I'm working in Sharepoint Server 2016 On Premises site. I edit the site html, css and js in Sharepoint Designer 2013. When I add custom CSS style properties like transform, webkit transform, ms ...
user avatar
1 vote
2 answers
445 views

Hide Sharepoint row with JSON

I have a list of people with some data in the columns. I have managed to mark my own row, with my name in one of the columns, to have grey background. Now any one who views the list can find them self ...
user avatar
1 vote
1 answer
74 views

SP2013 List: Hide Total of ms-gb. Show Total of ms-gb2

In a SP2013 List that is grouped by field 1 and then field 2, I need css or jquery help to hide the column totals at the first .ms-gb level but show the totals at the .ms-gb2 level. Thank you!
user avatar
0 votes
1 answer
78 views

Sharepoint Online Survey | Yes/No (checkbox) > Horizontal Alignment of Box and Text

I am looking for the right approach to align the style of box and text. As of now, the question is shown on top and below comes the box. Taking a look at the underlying HTML, it looks like the two ...
user avatar
  • 1
1 vote
1 answer
101 views

Using Json to format a columns data. Problems with the styling of a columns height

So I have a column whose data is a multi line field. The problem I am having is it contains a lot of data and stretches out the list. So I tried changing the width and height of the column, but I am ...
user avatar
  • 103
0 votes
1 answer
53 views

SP2013 Custom List - Date & Time Column

I have created a custom list on which both date and time needs to be captured on two specific fields. To comply with existing custom formatting on the new and edit forms, I need to re-size the three ...
user avatar
  • 3
0 votes
1 answer
39 views

SharePoint Subsite won't allow Inheritance of site master page from parent of this site

One issue I am trying to solve on my SharePoint site has to do with the Master Page itself, especially on the main site (domain.sharepoint.com). The master page contains headers (some single, some are ...
user avatar
  • 131
1 vote
3 answers
206 views

Unable to permanently change the font size and weight inside a sharepoint modern page (the class name keeps changinag)

I have added the list modern web part inside a sharepoint modern page >> and i need to change the font size and weight >> so using the F12 dev tools i inspected the related class (.root-...
user avatar
1 vote
2 answers
34 views

Simple Modal SP Online (2013) - not working

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial, Helvetica, sans-serif;} /* The Modal (...
user avatar
  • 11
0 votes
1 answer
45 views

SharePoint : Workflow > Send an Email > Customizations (CSS)

I'm customizing the body of an email send by SharePoint's Workflow action "Send an Email". Knowing that this action does not support what's inserted in the <"style"></&...
user avatar
  • 1
0 votes
1 answer
26 views

Overwriting termstoremanager.css?

I have tried all solutions to overwrite the TmtTree class in the termstoremanager.css - to no avail (Can't overwrite that css right?). So I added the class to my core.css to overwrite the default ...
user avatar
0 votes
1 answer
84 views

SharePoint Page Title Does Not Change

So I have created a bunch of SharePoint site pages where the title is just the SiteName.aspx in the Web Browser's title bar. By default, the SharePoint title also appears in the top left of the ...
user avatar
  • 131
0 votes
2 answers
61 views

Format size different on some Multiline text when I print to PDF

I created my own custom print page (HTML) from a SharePoint List. The only issue is, some of the multi-line text is showing up in different font-sizes when printing to PDF or Print Preview in IE or ...
user avatar
  • 307
1 vote
2 answers
174 views

What is the quickest way to hide SharePoint Elements on a Modern page?

I have a SharePoint modern site homepage which I am using as a landing page. Currently I am hiding the default elements in site like "Site Title" and "Logo" using custom CSS which ...
user avatar
1 vote
1 answer
79 views

Unable to link CSS to the template url react content query web part

I have just installed the react Content query web part and I am linking the template url to html files in my site assets, I have a common css which has some elements common across different templates ...
user avatar
1 vote
3 answers
688 views

SharePoint online modern experience hide suiteBar, left navigation and top ribbon using SPFX showing it for few second then its hide

I am hiding suiteBar, left navigation and top ribbon using SPFX extension but for few second its showing up. I don't want to show it for few second also. I tried to hide it from master page alternate ...
user avatar
0 votes
1 answer
79 views

Particles.JS Background for Body of SharePoint Page

I have created this particles.js script that I want to use for one of my SharePoint pages, but I am unsure of how to get it to insert to cover the whole background. I tried inputting it as a a script ...
user avatar
0 votes
3 answers
160 views

Hide text in SharePoint 2013 using script editor

I am trying to hide the date (see screenshot) because it displays the wrong date. Probably for now the easiest way to fix is to hide the date. When I click on the date it brings me to: <span title=&...
user avatar
0 votes
1 answer
177 views

Hide text in modern page using CSS - SPO

I have a modern SPO page and i want to hide the text "Add Link" using CSS. I found the class and used the below style in Modern Script editor webpart to hide the text but it is not working: ...
user avatar
  • 1,440
0 votes
0 answers
31 views

SharePoint list shows circles on columns heading when added fabric css

SharePoint list shows circles(or dots) on columns heading If I add fabric css from SPFX Application Customizer. How can I fix that issue?
user avatar
1 vote
1 answer
326 views

How to assign an ID or Class to specific Webpart in Sharepoint

I’m working with Sharepoint on a client project and I’m finding it a bit cumbersome to navigate. I see that Sharepoint seems to generate dynamic ID names for its web parts when they are created; an ...
user avatar
0 votes
1 answer
183 views

office fabric Document card css

hi i am using office fabric UI to show Document card as Tiles below is my code i want icon should come at center and text at bottom in Yellow bar const cardStyles: IDocumentCardStyles = { root: ...
user avatar
  • 87
0 votes
1 answer
41 views

Removing Upload Permission in a SharePoint online Document Library

I have a custom permission level set to only allow read in a particular document library. However, these users still are able to upload files, which is not desired! I cannot find any OOB settings to ...
user avatar
0 votes
1 answer
29 views

Intranet page does not scale with browser

The intranet page basically does not scale with the browser.. so if the browser is at 110% the white space on the right-hand side goes away, but when the browser is at say 70% the white space becomes ...
user avatar
0 votes
2 answers
321 views

SharePoint 2019 ON PREMISE - Change font size for lists

I am having trouble in changing font sizes for lists in SP on-premise. I have some custom css where I have changed font sizes for most areas of our sites - I am stuck with adjusting the size of fonts ...
user avatar
  • 579
0 votes
1 answer
28 views

Dynamic list navigation linking abnormally

I created a dynamic horizontal navigation menu that gets its data from SharePoint lists. It renders and works great but I am dealing with a situation that is very abnormal. The items in the ...
user avatar
  • 211
3 votes
2 answers
4k views

JSON column formatting hover styling

I'm creating a custom formatting for the Title column of a document library so that users will always download the documents instead of opening them directly. It's turning out well, but I can't figure ...
user avatar
  • 471
0 votes
1 answer
60 views

SP 2013 List View Column Header Set CSS full-width background color with CSS

I need help to set the background of a list view column header but not just the ms-vh-div. I need to set the entire column width background of the header. This code only sets the background around the ...
user avatar
0 votes
1 answer
312 views

How to hide Home link in SharePoint 2016 global navigation

There is a "Home" link in global navigation of my publishing site which I want to hide. It is not available in "Navigation" in "Site Settings" so I cannot hide it from ...
user avatar
  • 3,614
0 votes
1 answer
775 views

SharePoint Online: How can you hide the footer bar on a document preview when I embed an Excel spreadsheet onto a page?

It seems to hide when I use the Chrome developer tools, but when I do the same thing with the modern script editor, nothing changes. Anyone have any luck hiding this bar? If you ask me what I've ...
user avatar

1
2 3 4 5
24