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

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
16 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
46 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
37 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
25 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
33 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
20 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
40 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
29 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
16 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
56 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
26 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
33 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
30 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
32 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
65 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
44 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
20 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
76 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
34 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
20 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
21 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
52 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
22 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
39 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
164 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
88 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
23 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
51 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
89 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
141 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
19 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
0answers
36 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
15 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
41 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, ...
0
votes
0answers
27 views

Apply CSS to PropertyPane - SPFx

I want to apply CSS to a label of PropertyPaneTextField in SPFx react webpart. I tried adding a custom .css file in Components folder and made it required in my .ts file But that did not help. ...
0
votes
1answer
81 views

Document card hover colour change

Hi I have used office fabric ui document card i want to change colour on hover of document card , const cardStyles: IDocumentCardStyles = { root: [ ...
0
votes
0answers
35 views

how to use media queries with javascript in my web parts - classic mode

I have a site that is using the pnp responsive and the webparts are responsive. But i'm using a jquery (easypaginate.js) in the webpart. When i resize my webpart how can i dynamically change the step ...
0
votes
2answers
64 views

Unable to hide sideNavBox

I have a requirement where the complete side navigation should be hidden for normal users. I have the below in my masterpage <SharePoint:SPSecurityTrimmedControl runat="server" Permissions="...
1
vote
0answers
21 views

Scroll bar missing after applying custom CSS [closed]

I am having problem when using custom CSS, the issue is scroll bars both horizontal and vertical will disappear when I use the custom CSS. i have tried IE, Chrome and Microsoft Edge and I am ...
0
votes
0answers
19 views

How can I implement the html code to upload a picture under the page title in sharepoint?

I'm trying to put a picture that I uploaded in my Site Assets under the page title on SharePoint 2013. This is what I tried so far: .ms-background-image{ background-image:url(https://collaboration-...
0
votes
1answer
33 views

Can't align core page Title

On SharePoint 2013, I'm trying to center-align the page title with a Content Editor web part. Sadly it doesn't work. Here's my code: <style> .ms-core-pageTitle{ text-align: center; ...
1
vote
1answer
40 views

Resizing tiles for Dummies

So I’m apparently the winner of the SharePoint admin hat since our last guy left. I just fixed an issue where tiles were all jamming up on each on our home page, but now since there are 14 of them ...
1
vote
2answers
52 views

Main field wont save his position

I am actually doin a wiki page and try to make the view perfect. My problem is the following. When i'm in editing mode everything looks fine. My menue on the left and my main on the right are on the ...
0
votes
2answers
39 views

Custom List Header Column Sort/Filter

I'm trying to re-format the sort/filter drop down box on the column header of a custom list (font-family, font-size, background etc). This appears to be possible by using the following rule in a ...
1
vote
2answers
23 views

Alternate CSS Does Not Set on Sub-Sites

I am using Office 365 and having a horrible time setting CSS for sub-sites. I have set my Alternate CSS set at https://site.sharepoint.com/_layouts/15/ChangeSiteMasterPage.aspx but even though it is ...
0
votes
2answers
24 views

Stuck Embedding CSS Link in HTML Page For SharePoint

I have a custom HTML page that is a single page that takes in WebParts. It is a new WebParts interface and there is no WebPart for adding and hiding HTML. I have added a in the head section of the ...
2
votes
1answer
55 views

Custom HTML SharePoint 2013 Page with SharePoint Global Navigation

I have created a custom html page on our SharePoint site using the script editor, I am hiding all of the SharePoint elements and creating my own navigation look and feel. I have created a custom ...