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
2
votes
2answers
1k views

Css doesn't apply

I've used custom CSS in my Webpart.module.scss and I'm trying to use these classes with ${styles.myClassName} But the Css doesn't want to apply. Could you please help me with that. .slickCarousel{ ...
2
votes
2answers
723 views

How to add reference to a custom css file in SharePoint online Master page

Can some one please tell me why this is not working, I m using SharePoint online On second line I m referring to the custom css. CSS <style type="text/css"> #DeltaPlaceHolderSearchArea {...
0
votes
1answer
45 views

HTML code isnt saving onto wiki page

I am new to SharePoint, and I am trying to put a background color for the titles on my page. Here is the code, <style type="text/css"> .ms-webpart-titleText.ms-webpart-titleText, .ms-...
0
votes
1answer
2k views

SharePoint ONLINE List Traffic Lights Showing Code instead of color

I have a small list I'm testing in for traffic lights right now with 3 columns. Title, column1 and traffic light title is just a text column, column1 is a number column, and traffic light is a ...
0
votes
5answers
4k views

Change column color of a list webpart

We have a landing page that consist of a scheduled maintenance list webpart and we want to have a color coded background for a column. For example: In Progress = Red Completed = Green I tried the ...
1
vote
1answer
49 views

Add new button Ribbon “Page” SP 2013 Ent

Tell me how to add a button to the Ribbon panel, without using a separate project in Visual Studio, that is possible?
0
votes
1answer
2k views

How to put a color code on a sharepoint column(Choice) base on the input

Hi i have this list that i use as a webpart to our homepage and it has a column name Status which has 3 choices. Ongoing, Scheduled and Completed. What i want to happen is when a choice is ongoing the ...
0
votes
0answers
66 views

CSS Notification box

I have been following the below guide on how to setup this CSS Notifcation Box but it doesn't appear to work. Is there anyone that could try it out themselves and help troubleshoot with me if you have ...
0
votes
1answer
686 views

List View Web Part No border!

I have a list view web part that Im using with JSLink to view as a ticker feed and the web part zone has a white border around it, which still appears if the web part is minimized so its not the CSS ...
1
vote
1answer
824 views

SharePoint calendar CSS is not showing properly

I'm working on SharePoint calendar it is working fine on another site but its not loading CSS in my project showing the below error in chrome console. Do you guys have any idea how to fix this. ...
1
vote
0answers
132 views

Edge update breaks Sharepoint Look and Feel

My computer was updated today and since the update my SharePoint Look and Feel was changed. It is now a white screen with black text no matter what Look and Feel I try to select. This is not the ...
0
votes
2answers
206 views

Font styling forced not to change

Large portions of the text I add to the site, I retrieve from different sources. This means that the text gets different fonts, size, etc. Thats a lot of work for me to manually change this. I almost ...
0
votes
1answer
372 views

hide s4-titlerow show search box

I need some custom element to be added in the s4-titlerow, so what i did was to remove s4-titlerow using css as below #s4-titlerow{ display:none!important; } but what i need is to show the ...
0
votes
1answer
34 views

Add document link missing in modal dialog

We have a custom form and our site has a custom master page. In the custom form we load OOTB modal dialog to upload documents to a library. In some cases only, Add document link missing. We have ...
0
votes
1answer
274 views

Whitespace between web parts when Chrome State is None

How can I remove the white space on the left of this tiled web part to align with the script editor web part above? This problem occurs when the Chrome State is set to 'None'. If I change to 'Title ...
2
votes
4answers
2k views

For SPO is there currently a way to change the CSS classes for the Modern Pages?

For SharePoint Online Modern Pages, is there a way to alter existing Modern CSS on the pages (I think fabric UI is the actual style, not just the CSS style used to make classic pages look modern)? Not ...
4
votes
1answer
399 views

Modifying page layout TD width

I am currently using a page layout that has 3 columns with a header and footer. When I use inspect element I see a table with #layoutsTable. The first TR is the header, then on the second TR the TD's ...
0
votes
0answers
546 views

How to incorporate “sweet alert” into a confirmation dialog on SharePoint 2013?

I have seen "sweet alerts" on github. https://github.com/lipis/bootstrap-sweetalert/ Essentially gives you these nice looking modal popups But how do you tie that in to a "delete" function or "...
1
vote
2answers
40 views

Is overriding css risk free?

I work as an administrator and have been asked to change the look of a few sites. We have sharepoint 2013 on-premise. Are there any risks of override the existing CSS? Is there something I should ...
1
vote
1answer
150 views

Edit standard modal dialog (iframe) content - SP2013

I am working with SharePoint 2013 and trying to remove the following red-framed section of the standard-generated modal window, which pops-up when checking in a document. I do not own SharePoint ...
0
votes
1answer
26 views

Adding :visited tags SPFX

I'm trying to create a simple web part to become more familiar with SPFX, and I have the following block for displaying my list of icons. From render: <div class="${ styles.sizing }"> <a ...
0
votes
2answers
49 views

customized css for sharepoint page

I am currently creating a webpart webpage for an user and they want it customized. For example : They want an image carousel and webparts with tabs. I have figured out everything but i do no how ...
1
vote
2answers
882 views

Quick Launch selected item (which get bold font weight) is being wrongly determined

I have a team site inside my SharePoint on-premises farm 2013, inside the team site i added a custom list which contain 3 content types. Now when i create a new items inside the custom list, i will ...
2
votes
0answers
157 views

CSS not applying to Enterprise Wiki custom page layout

I've created a new master page and page layout in Design Manager. When I preview the page layout in Design Manager, the layout appears correctly with no errors (see below). The new layout also ...
0
votes
1answer
48 views

Hide the field along with the row in SharePoint form

I was able to hide the textbox and label form SharePoint from using the below code. But there is a row which still there after removing text which looks like a gap between textboxes how do i remove it ...
1
vote
2answers
444 views

Why can't I find Alternate CSS

I am looking for "Alternate Css" but I can't seem to find it in the "Master Page Setting" and I can't see the "Site Collection Feature" because I need to activate the features with 'publishing' in it. ...
0
votes
1answer
262 views

apply CSS style to input name element [closed]

I have the following code in a Script Editor webpart: <div id="dv1"> <input type="radio" name="chook" value="0" onclick="displaychook(this);">Supply chain modelling <br/> <input ...
0
votes
1answer
41 views

Prevent Default Page Format From Appearing

I have several Sharepoint 2013 pages to which I've applied .css styles. But whenever the pages load, the default format flashes on the screen before my .css is applied. Does anyone have a script ...
0
votes
1answer
1k views

double click on list row to open view form SharePoint 2013

Normally list items needs title field to open the item in edit/view form. I was just wondering is there any way to remove the title field and from the view and allow user to click on the row to open ...
1
vote
0answers
205 views

Font doesn't consistently work IE11 SharePoint 2013 [closed]

I'm trying to implement a Google font, which I've installed locally, into my master page. My CSS file implements the @font-face: @font-face { font-family: 'LibreFranklin-SemiBold', font-style: '...
1
vote
0answers
237 views

How can I change down arrow color in a filter header of a list

Hello, Above is the image of the header of a list that is filterable. List is a webpart in a sharepoint page. However the color scheme makes the down arrow barely visible. I cannot change the all ...
1
vote
3answers
7k views

How to create traffic light indicator in sharePoint list? [duplicate]

I have 'Status' column having values 'Draft','Completed','In progress', 'Backlog' Now I want to show corresponding Color code in 'traffic light' column. Draft-->Grey Completed-->Green In progress-->...
2
votes
0answers
862 views

Column formatting changes vertical alignment

I followed this Microsoft guide on column formatting and made the changes I need to get it to work on 3 of my columns. Specifically I am using the bits on "Conditional formatting based on the value in ...
0
votes
1answer
300 views

Changing the Timeline Size

I have been struggling to find any info on this so I'm hoping somebody here can assist. End Goal: To have a page containing multiple web parts. One of which is a timeline without the list items being ...
1
vote
1answer
624 views

How to dynamically display most visited links in a SharePoint Site to site visitors?

I'm trying to display most visited links in an internet-facing SharePoint site to site visitors in a dynamic way. For example: The most visited links will be colored based on the clicks on those ...
0
votes
2answers
529 views

How do I outline the script editor web part / content editor web part

similar to the question mention How do I round the corners of my web part titles on my SharePoint site? [ How do I round corners of web part titles? ], I would like to see , the put a black outline ...
0
votes
2answers
293 views

Code hyperlink not found in Sharepoint Designer

I'm trying to edit my .aspx page in SharePoint Designer, and there are many underlined codes which are probably links to codes in other pages. Here is an example: When I click on one of those ...
0
votes
1answer
163 views

SharePoint Online 2013 with Edge or Chrome Oslo modal layout

I couldn't figure out how to fix this issue with Edge or Chrome. Rather than display all the fields on a single modal page, it adds a scroll bar when there are plenty of blank space at the bottom. I ...
0
votes
2answers
113 views

How to make a Promoted Tile a size of 128x128

I am trying to make a promoted tile a size of 128x128, but for some reason on some of the tiles I see the tile being filled in with the color green on the right part of the image even though my image ...
0
votes
1answer
162 views

EwrNov.css overshadows certain portions of custom css file

I'm working on SP 2013 On Premise, In my site i am using a custom css file (reference for which is provided in the master page). In some pages we are using Excel access Web part. I noticed using ...
1
vote
2answers
66 views

sharepoint in webpart context menu X mark image is displaying in IE?

In sharepoint webpart context menu x mark image is displaying how to remove it ?.This happening in IE.In chrome contect menus are displaying in down. image in IE : Image in chrome :
1
vote
1answer
77 views

CSS BRANDING TEMPLATE [closed]

Am just getting started with css branding and i found out that the only way to make modification is by using the ID. 1.Is there any css template available freely that i can just used. Branding is ...
0
votes
1answer
38 views

SharePoint show message with global css rules from Board body in layout page

I have custom aspx page in layouts folder where i would like to show email bodies from discussion board. Currently im using Body attribute from Message content type. But now i get email message where ...
1
vote
0answers
73 views

Enlarging the logo on modern experience viewlsts page

I am looking to enlarge the logo or at least replace the current logo square box with a larger rectangle image in SharePoint's modern experience. Adding a rectangular logo automatically compresses the ...
1
vote
1answer
685 views

Tutorial for sharepoint css branding

Hi can you guys point to some awesome css template for sharepoint online. I already had a look at : link1 and link2. Any tutorial also is welcomed.
2
votes
1answer
767 views

Replace navigation with Tiles [closed]

is there a way to replace the default navigation that is the the list below with tile version. Basically just remove that list and put a tiles in two columns as shown below.I found that sharepoint ...
0
votes
1answer
729 views

Responsive Layout: Mobile views not working!

I have CSS that works PERFECTLY outside of SharePoint but the moment I put it into SharePoint, it seems to break. Funny thing is, it only breaks when the width is smaller than that of a tablet - so ...
0
votes
1answer
842 views

Global Nav Bar, Moved Position and fill row? How do I do it?

I have been playing around with some CSS to override some MasterPage elements, one of which is to customise the global nav bar. Global Nav is represented using a Managed Meta Data term-set. This is ...
16
votes
4answers
36k views

Sharepoint 365 - Add Custom CSS to Modern Pages

I'm attempting to add Custom CSS to Modern Pages. The method I attempted was trying to add alternate CSS to the Master Page. This worked on the homepage, but not the new "Modern" Site Pages. It ...
0
votes
1answer
138 views

Change background color of selected item from current navigation with parameters

I wrote some classes in one of my SharePoint sites, that when you click on one of the links in the current navigation, the background color of the item changes to #eb8c00 : CSS CODE: #sideNavBox .ms-...

1
3 4
5
6 7
23