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
vote
1answer
26 views

Change Width of text box in edit form

To improvement design of my app on sharepoint SP2013, I need change (in my case reduce) the width of text box of new form, how do it!? some idea?
0
votes
1answer
14 views

Unable to Load CSS from the style library using SPFx Extension

I want to load the CSS file from Style Library of the site. I have created the SPFx extension of type Application Customizer. The purpose of the CSS loading is to change the UI of the web parts. I ...
1
vote
0answers
15 views

How to fix transition in IE [closed]

I have this code that contains simple transition effect that doesn't work in IE11; I've tried using content editor web part and edit source. 1.!DOCTYPE html , head and body(requirement for IE) 2....
0
votes
1answer
20 views

CSS how to change font size only on a specific table not every tables on the page?

I am trying to create a banner looking header for my page and I have trouble changing the font size within the table. When I change, all the fonts in the other tables in other webparts change also. ...
0
votes
1answer
21 views

How to hide the navigation appearing on Communication site

I have a Communication site that is set as hubSite and there are some team sites created and linked with the hub site. So i am seeing two types of navigation. One is the HubSite navigation and other ...
0
votes
0answers
27 views

Need help with HTML footer code for modern sharepoint page

I have a requirement in modern SharePoint to achieve footer as shown in screenshot below, I am using an SPFX web part through a github solution to embed footer and header in a modern sharepoint page ...
0
votes
0answers
11 views

Picture Library Slideshow Web Part Image Resize

So I have a folder with some images with the same dimensions and I am trying to have a slideshow in the homepage with these images. Everything is working fine except that there is a significant white ...
0
votes
0answers
15 views

How to fix page scroll(normal page and web part)

I have this page showing scroll left to right, I tried to find what is the error and it shows my CSS is messing the page so I change to overflow-x:hidden; I tried to edit it with developers tool(...
0
votes
0answers
21 views

Getting only blue color in SPFx even though another color in SCSS

I am having trouble after with getting the desired color in my RSS webpart in SPFx. I get the standard blue from SPFx even though I have specified a background color. This question is related to the ...
0
votes
0answers
12 views

CAML and Chart.js not loading initially

Having an issue where some of my CAML data and a Chart based on the CAML data are not showing upon first load of the page. It only loads when I refresh. I'm calling the CAML data via query ID css ...
1
vote
2answers
45 views

Problem with changing in the scss file

I am facing problems that I can't change the scss file which is there when you create a SPFx webpart in React. When I try to change color of the webpart nothing happens. I am building an RSS Feed in ...
0
votes
0answers
11 views

SPFx Package Deployment CSS differs from Workbench

I'm currently experiencing an issue that I'm struggling to get my head around. I have created a custom webpart and styled it using the Office UI Fabric in order to maintain consistency with the theme ...
0
votes
1answer
12 views

SP Online - custom Display Template - square boxes instead of font icons from Office UI Fabric icon set displayed in checked-in state

I encountered a problem, that it displays only empty square boxes instead of nice (custom font) images from generated Office UI Fabric icons set, since I change the state of the with the web-part to ...
0
votes
0answers
28 views

Making a div full screen in SPFx webpart deployed in SharePoint Online

I need to make a div full screen (in web page) and for that I am using CSS. .divFullScreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; ...
0
votes
0answers
8 views

css to wrap text and allow wider width

See image below. This is the search results page and I need that the content of the column on the left side is wider and longer parameters such as keywords and the site url do not hide behind ...
0
votes
1answer
10 views

Where are the css files used in search results stored in SP Online?

I'm customizing a search display template. There is an is a nice transparent overlay on a photo where I display text, but my text is no longer fitting in the overlay because I've added an additional ...
0
votes
1answer
21 views

How to Reference Stylesheet in Custom Masterpage HTML

I have created a custom masterpage HTML page as well as several custom stylesheets for a site in SharePoint online. I have attempted to reference my stylesheets in the HTML page but my styles are not ...
0
votes
2answers
26 views

JavsScript/CSS Files in SharePoint Style Library/Site Assets not updating

We store all code files(.js/.css) in Style Library/Site Assets Library in SharePoint Publishing site. Sometimes, we/end users don’t see the updated JavaScript/CSS files in Browser even after clearing ...
0
votes
1answer
31 views

Freeze First Column of Sharepoint online List view using Jquery/javascript [duplicate]

i want to fix first column (ex: Title column) of my sharepoint list view, so that whenever the user scroll horizontally the first column should be fixed. Thanks in advance for your support.
0
votes
0answers
14 views

changing the header title of dispform.aspx

Am having a SPList in SP Online env. and I have created a UI newform.aspx and on Submit button click, i am inserting into the splist. My requirement when i click on the title_with_linkeditem , i ...
0
votes
1answer
25 views

Alternative CSS for specific URLs

How can I make an Alternative CSS file only be applied to specific URLs? for instance, only to all pages after "/SitePages". Regards
0
votes
0answers
21 views

How to hide top bar (color one with SharePoint written in it)

I manage to hide top ribbon as well as search bar with css: #suiteBar, #s4-ribbonrow{display:none} .ms-designer-ribbon{ display:none !important; } #searchInputBox { display:none; } #...
3
votes
2answers
58 views

IsDlg=1 causes no content to be displayed in dialog

We are having a problem that has apparently been an issue for a while on all of our SP 2013 sites. Any dialog marked with IsDlg=1 shows no content at all whatsoever. Meaning a thin white dialog is ...
0
votes
1answer
23 views

Removing elements with javascript

I have a SharePoint modern page that I would like to customize with javascript or CSS, is this not possible? I want to remove the top bars and the bottom as well, so that I pretty much have a blank ...
0
votes
0answers
14 views

Where are the CSS files that control how search result items are displayed stored?

I'm using a customer Display Template for PDF documents. The Title of the Document is being truncated (with ...) I've gone it Developer tools and it appears that the title display is controlled by ms-...
0
votes
0answers
25 views

How to change the below explained validation from inline style to ms-form validation on migration from SP 2010 to SP 2013?

After migration from SharePoint 2010 to 2013, when we add an element and miss any mandatory field, we should get the validation errors. But in my case, when I fill the Authorized Date field and miss ...
1
vote
1answer
159 views

CSS's :hover selector works in Chrome but not IE

Solution: Appears that IE does not accept alpha values on hex colours: ie, #61CBFD22 doesn't register because the 22 is the alpha value. #61CBFD registers. I'm trying to increase readability and ...
0
votes
1answer
29 views

CSS list-style-image in Content Editor?

Anybody ever successfully used list-style-image css property in a ul list embedded in a SharePoint Content Editor web part? list-style-type works, but whenever I try to get an image instead of the ...
0
votes
1answer
26 views

I added a custom .css to my master page, now 2016 on-prem site flickers

I made a copy of Seattle.html and created my own master page. Next, I added a link to the .css in my style library and then applied the master page to the site. After doing that, my 2016 on-prem ...
3
votes
0answers
170 views

How to change SharePoint Online navigation header's color?

Here's a little background info, I'll include a summary as well: I have a problem with SharePoint's Navheader color, which appears to have changed sometime in the last couple of weeks following an ...
0
votes
0answers
35 views

Customize SharePoint left navigation

I am trying to configure left navigation to only display content of the subsite including the page. The behaviour look as expected when you navigate between the site and subsite where the selected ...
0
votes
2answers
50 views

Add CSS to a single column in Sharepoint 2013

Is there any way of targeting a single column in a document library? I am wanting to apply CSS to just the Name (linked to document with edit menu) column (through a Script Editor or via the ...
0
votes
1answer
28 views

Is it possible to reference the same .css in various master pages across site collections

I have about 10 site collections on SharePoint 2016 on-prem that I want to brand with our custom .css. I have the .css working great in one of the site collections, but I'm curious about how to apply ...
1
vote
0answers
20 views

Using Sharepoint Online, multiple issues with Custom Calendar

I have multiple problems with a custom calendar I've made for a shared team calendar. I am using Sharepoint Online, I read online that these use the version 2016. Just to clarify, I am by no means ...
2
votes
2answers
47 views

How to remove the word “SharePoint” in the upper left corner of SP 16 On-Prem instead of just hiding the text

For a SharePoint 2016 on-prem site, I've figured out how to hide the word "SharePoint" in the upper left corner of a site collection, but I'd like to take that a step further and actually remove the ...
1
vote
1answer
124 views

How can I change the background color of a list column header in Quick Edit or Datasheet view?

I have a list in SharePoint 2013 and I am using CSS to style the column headers. I have the column headers color coded so I'm using CSS to change the background color of the headers and the font color ...
0
votes
0answers
31 views

Sharepoint 2013 site in Tablet

Some of users wanted to access the SharePoint 2013 Document Library and list in Tablet device. The issue is some of the ribbon button and text for example "checkout" & "checkin" in Document ...
1
vote
1answer
39 views

SharePoint Online Communication Site-Not able to remove the white-space on the left

I am using a One-third right column layout and all the webparts appear to be centrally aligned when viewed on an average size monitor. This leaves a noticeable white-space on the left. Is there any ...
1
vote
0answers
34 views

How to change the css so that this particular attachment form is displayed properly

In SharePoint 2013 after migration from SharePoint 2010, the launch form dialogue box is selected yes in advanced list settings. So the Edit form for each item opens as a form and there is an ...
2
votes
1answer
184 views

SharePoint Online - Calendar Overlay Colors are Mismatched

I am trying to use the calendar overlays but I noticed the colors options do not match up with what is shown in the box or calendar. Has anyone been experiencing this with SharePoint Modern sites (a ...
2
votes
4answers
237 views

How do I change link/url for text “SharePoint” in the top bar

I am working with SPOnline and trying to see if there is a way to change link/url when users click on SharePoint in top bar. See below screenshot. I believe it has to be done at master page level, ...
1
vote
0answers
24 views

With CSS : How do i make all content on the page to fit to page?

I looked up most of the questions on here about fit to page but my case may be a little different. On my page, I have the followings: [Header ] Title (picture from assets) 6 world clocks marquee ...
3
votes
1answer
49 views

How does check in process works in Sharepoint?

my question is very general. Since past Monday, every page on my site if I "edit" the page (regardless of if it is front page or subsite page), the top navigation fonts would change after I press "...
3
votes
1answer
58 views

Sharepoint Custom Form : Modify font for description

Good Morning Again; I have built a custom form using SPD 2013 OP with SPD2013. When you enter a description in the custom list settings, the description displays under the input box on the custom ...
0
votes
1answer
744 views

How to resize homepage banner image

My scenario : Preety simple case where i have a banner image at the top of the page and trying to resize the image to fill the left and right section instead of the default white space. I have been ...
0
votes
1answer
26 views

Sharepoint 2013 Blog - Change font size on post title

Good Morning; I am currently working on a Sharepoint BLOG. I have been able to increase the size of text within the post using CSS. What is the label for the Title of the post, so that I can change ...
1
vote
0answers
33 views

Iframe blocks elements behind it

Trying to embed a chatbot in SharePoint online. We're doing that with an iframe through True Editor Web Part http://prntscr.com/m3br5p The issue is that even when the bot is folded like in this ...
0
votes
1answer
39 views

SP Classic: how do I add padding and vertical-align to list web part with CSS

The list web part contents are vertical-align middle and no padding right. How do I apply CSS to the web part? I am on SP Online: Classic Experience. I need to clarify. What is the specific code ...
0
votes
1answer
20 views

Cannot add multiple css files in html page layout

I need to include multiple css files in one HTML Page Layout - a webfont, bootstrap, and my own custom styles. The only thing that loads is my custom styles -- I can tell from checking the sources in ...
0
votes
1answer
119 views

CSS Disabled on My SP online site

Scenario: I have created a custom master page for our site, all the custom JS and CSS is been on master page folder Error: one of sudden day All the CSS are disabled automatically, I have checked ...