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.
1,163
questions
0
votes
0
answers
13
views
SharePoint deleting html attribute
I want to put a multilevel accordion based on this : https://codepen.io/gamechci669/pen/VwEKpbb
When I edit the HTML code on my page, lines with attributes "for" lose this!
For example:
<...
- 21
0
votes
0
answers
20
views
How do you hide a modern SharePoint list column when printing the view/new/edit item form?
I have a modern SharePoint list where my client wants to see all columns on the screen but hide some in any printed output. The columns that are to be hidden contain confidential data and allowing ...
1
vote
2
answers
39
views
Is there a way to differentiate between one column and three column?
I need to develop an SPFx web part that can be well displayed in both one column and three columns.
How can I optimize the CSS for these two sections? Is there a fixed class in SPO that can ...
- 1,981
0
votes
0
answers
29
views
How to make content wider/ align to edge of browser - SharePoint 2013
After hours of struggling with code and looking for solution literally everywhere I can't handle with my problems.
Question no. 1.
I can't make this box/content_box wider and align it to full screen. ...
- 1
0
votes
2
answers
255
views
Is a vertical sticky row possible with a list built with rowFormatter?
I have built a roadmap view of projects, which follows the general design principles of building gantt charts with sharepoint lists and views (one example is Let's create a GANTT chart by Federico ...
- 23
0
votes
0
answers
38
views
How can I add custom styles to a Summary Links webpart via CSS without affecting the styles on the entire site?
I need to add custom CSS to the summary links web part besides the ones already has by default. I have opened the summary links web part code but I don't see the ItemsStyle.xsl linked. I tried ...
- 15
2
votes
1
answer
160
views
SPFx SCSS - how do I reference third party classes along with my class to increase the specificity of my selector?
** For simplicity's sake I am not going to include all the Typescript stuff in my code examples here, so please just roll with it.
I'm using Semantic UI React as a UI component/styling framework for ...
- 12.6k
1
vote
2
answers
399
views
Custom Page in SharePoint Online
I would like create a custom page in the SPO using SPA with HTML,CSS and JS. I was not able to find a way to start with I want complete page or Full Page. I want create like webpage with responsive to ...
- 101
0
votes
0
answers
60
views
Color code rows of SharePoint 2019 list with multiple pages in classic view
I have a long status list in SharePoint 2019 that has the following CSS for color coding rows:
How do I get this to work on all the multiple pages vs just the first page of the list.
Can the code be ...
- 21
0
votes
1
answer
331
views
Adding custom CSS classes for sections in Sharepoint Online
Through the webpart I inject my own CSS into the Sharepoint Online site. I can do a lot to site branding this way, but I'm looking for a better way to target the sections. What I do now is that I am ...
0
votes
1
answer
291
views
SPFX extension does not load on Site Contents page
I've developed a CSS injector application customizers that loads the.css file from the style library and applies it to the website. However, I discovered that the extension is not loaded when users ...
0
votes
1
answer
416
views
Align Text and Increase Font Size of SharePoint Global Navigation
I would like to Align text to center of the global Navigation and Change the font size and color of the menu, I have tried looking for class or id from the page but somehow it links to the site ...
- 101
0
votes
2
answers
58
views
Adding row in the middle of 2 div class in SharePoint page
How can I add new row in the middle of two div elements (.commandBarWrapper .ms-CommandBar) and (bottomNavRow-46)?
Is there anyway i can add this without using or installing anything.
- 21
0
votes
1
answer
752
views
Custom CSS stylesheet in SharePoint 2019 on-premise
I have site pages like Home.aspx, Contact.aspx in SP 2019 on premise. How to apply custom CSS stylesheet to those pages? I have added Override.css to the seattle.master page which is my current master ...
0
votes
1
answer
236
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 ...
- 45
0
votes
1
answer
411
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 ...
- 371
0
votes
1
answer
112
views
Can webpart title style in classic pages
Can we style the all Web part title in SharePoint classic page like below same class?
- 139
0
votes
1
answer
158
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 ...
- 1
0
votes
2
answers
963
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 ...
- 99
1
vote
1
answer
1k
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 ...
- 1,453
0
votes
2
answers
289
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 ...
- 113
1
vote
0
answers
217
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 ...
- 23
0
votes
1
answer
705
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]:...
- 139
1
vote
1
answer
378
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.
- 1,339
0
votes
1
answer
290
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:
- 581
0
votes
1
answer
2k
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 ...
0
votes
1
answer
174
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 ...
- 25
1
vote
2
answers
1k
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 ...
1
vote
1
answer
141
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!
- 103
0
votes
1
answer
186
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 ...
- 1
1
vote
1
answer
450
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 ...
- 103
0
votes
1
answer
94
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 ...
- 3
0
votes
1
answer
139
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 ...
- 113
1
vote
3
answers
560
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-...
1
vote
2
answers
35
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 (...
- 11
0
votes
1
answer
118
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"></&...
- 1
0
votes
1
answer
31
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 ...
0
votes
1
answer
552
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 ...
- 113
0
votes
2
answers
180
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 ...
- 307
1
vote
2
answers
665
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 ...
- 85
1
vote
1
answer
96
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 ...
1
vote
3
answers
1k
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 ...
- 11
0
votes
1
answer
186
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 ...
0
votes
3
answers
417
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=&...
- 5
0
votes
1
answer
303
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:
...
- 1,512
0
votes
0
answers
37
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?
2
votes
1
answer
822
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 ...
0
votes
1
answer
416
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: ...
- 139
0
votes
1
answer
111
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 ...
- 107
0
votes
1
answer
60
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 ...
