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
16 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
1answer
20 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 ...
1
vote
2answers
34 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
1answer
43 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!
0
votes
1answer
28 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
vote
1answer
43 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 ...
0
votes
1answer
23 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 ...
0
votes
1answer
18 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 ...
0
votes
0answers
9 views

I need to automate a list data so that it will show a tab using details from the list

I have a custom sharepoint list where I am saving some project details(list columns). These project details, I am showing on the home page as different small tabs. for reference I am adding a paint ...
1
vote
2answers
33 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
2answers
33 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 (...
0
votes
1answer
25 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"></&...
0
votes
1answer
21 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
0answers
23 views

Lock down page and have web part zones at certain points

Need help with a layout using custom CSS and JS. Want to lock down page and have web part zones at certain points I have a standard page that was blank. On this, I added some custom CSS and JS and ...
0
votes
1answer
24 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 ...
0
votes
2answers
34 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 ...
1
vote
2answers
40 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 ...
1
vote
1answer
56 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
3answers
98 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 ...
0
votes
1answer
36 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
0answers
21 views

Pseudo Class :checked not recognised for Checkbox

I am trying to show/hide with a div in Sharepoint 2010 (yes I know, we're a dinosaur company) by modifying the HTML on the page to use the CSS "checkbox hack". Sharepoint is extremely ...
0
votes
3answers
56 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=&...
0
votes
1answer
61 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: ...
0
votes
0answers
17 views

Static HTML sites display as blank

If you were to download File 1 and File 2 and drag and drop them into Chrome, you'd see they both display fine. I can place these same static HTML files in a Microsoft Teams folder and File 1 will ...
0
votes
0answers
27 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?
0
votes
0answers
20 views

SharePoint Custom List - Column Tooltip to Transparent

I hope someone can help. I am currently using the following snippet to remove the automated tooltip from ms-input and ms-long ms-spellcheck-true custom list column input fields: $(document).ready(...
1
vote
1answer
41 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
1answer
53 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: ...
0
votes
1answer
24 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 ...
0
votes
1answer
14 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 ...
0
votes
2answers
142 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 ...
0
votes
1answer
22 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 ...
2
votes
2answers
1k 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 ...
0
votes
1answer
27 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 ...
0
votes
1answer
127 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 ...
0
votes
0answers
17 views

How to Toggle side navigation

I am trying to create a toggle button to hide/show the side navigation on a SharePoint calendar page view (want to be able to toggle it on to modify calendar overlays but hide it to offer more screen ...
0
votes
1answer
334 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 ...
2
votes
2answers
77 views

Global CSS for entire SharePoint websitecollection (modern pages)

I have a question regarding the adaptation of modern pages via CSS. Because I find the standard sytles terrible... The large distances between web parts, especially between text and image. I also want ...
0
votes
0answers
534 views

HTML for displaying an image in the mail body in power automate

I am trying to build a Microsoft flow where it will trigger an email when an item is created or modified. This item will have an image attached to it which I want to display in the mail body and as ...
0
votes
1answer
126 views

Sharepoint webpart height problem

We are developing intranet using SharePoint Framework webparts. I am facing an issue with height of custom webpart (react). One time the webpart has set min-height style, which works perfectly, but on ...
0
votes
2answers
32 views

Hide Global Navigation when Printing in SharePoint 2013

I am trying to hide the top navigation when printing. I am currently using the following CSS to do so: <style> @media print {#ms-breadcrumb-top{display:none !important; } } </style> ...
0
votes
1answer
149 views

How to use JS to inject CSS for specific system pages

So I know that it is possible to set all of the System pages to use a certain CSS file in SharePoint but I am trying to apply the CSS to only a select few of the system pages. All of the other System ...
0
votes
0answers
24 views

How to stop CSS to be applied to a part of layout on the samepage

I have created a SharePoint Page using Wiki page option. - I used the two column option and created the page. Added the html code for accordions using the Js and some css style I did that by ...
1
vote
1answer
287 views

Hide the Approve/Reject button in AllItems.aspx in SharePoint Online

I would like to hide the menu item in a document library that reads "Approve/Reject": Since approval is being managed by a workflow that I created. Most online articles tell the solution to this ...
0
votes
1answer
124 views

SPFx, import SCSS from webpart settings

In SPFx webpart - can I import styles not from *.scss file, but from settings? I have same webparts on different tenants with different colors/branding. Want to make my SPFx webpart more flexible ...
0
votes
3answers
1k views

Modern Sharepoint and Calendar embed?

Any way to embed Modern calendars (like we use to classic) in a Modern pages? I see the events web part, but not the same? Any way to change what fields are shown in the day box in a month view? We ...
0
votes
2answers
81 views

How to hide default save close option from a sharepoint list form which is customized by infopath

I am using an InfoPath form for a SharePoint list where I have placed two buttons to save and close the form. SharePoint list form has its own default save close options on top. I want to remove or ...
0
votes
1answer
56 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
355 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
60 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 ...

1
2 3 4 5
23