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
0answers
14 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
22 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?...
0
votes
0answers
20 views

Sharepoint 2016 White Space Issue as soon as code is injected into content editor

Having a big issue with the whitespace. The top of the page is blank and the right hand column icons disappear as soon as I link a file to the content editor. Here is my code. I am using SP Services ...
1
vote
2answers
147 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 ...
2
votes
2answers
16 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
35 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
24 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
47 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
0answers
35 views

issue with “Enhanced rich text” column on custom SharePoint list form

we had customised our SharePoint classic form by using hillbillyForm template. Actually we modified our SharePoint online list form by following the steps mentioned on the below blog link. https://...
0
votes
3answers
28 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
25 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
33 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
36 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 ...
0
votes
1answer
36 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
18 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
80 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
48 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
106 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
34 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
0answers
21 views

How to display and don't display calendar item base on a specific choice

I have this question last week and it is link below. It is already answered and it worked. what it is about is just base on the choice of a user he/she will be redirected to a specific URL (Sharepoint ...
0
votes
2answers
54 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
36 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
173 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
31 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
34 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
34 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
16 views

Trying to add an HTML page with Directories

I've seen numerous content on stack exchange and every who has posted seems to have a common problem. But mine is a bit more unique. Yes I am trying ot upload an HTML page, but I also have directories ...
0
votes
0answers
36 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
145 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
93 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
28 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
85 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
36 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
0answers
29 views

Capture current user with css button onclick event

So I have a custom HTML page that lists items as cards. Each item has a button that, when clicked, will make an API POST request. This request must include the users id number and some other ...
0
votes
0answers
26 views

How to import custom fonts into sharePoint online - on classic site?

Not used any custom font on sharepoint online. I'm trying to use this font I have followed the instructions and downloaded all the .eot,woff2 files and uploaded it to the style library. See below ...
0
votes
1answer
66 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
0answers
23 views

SharePoint 2013 - Set column color based on list header

I've a unique requirement for one of my lists. In order to make it easier to read I've used this css code to alternate the color of the columns. table.ms-listviewtable td:nth-child(even) { ...
0
votes
2answers
40 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
464 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
28 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
122 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
28 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
80 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
145 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
310 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
29 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
96 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
17 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 -...
0
votes
0answers
46 views

SPFx: Unwanted border on click of Document Card in React JS

I am creating SPFx webpart using React JS. On click in document card component I am getting unwanted border. I tried removing it but not working. I have applied border-radius on document card style, ...

1
2 3 4 5
23