portal page is not styled

(0) Share

Report

Posted on by magical Khachapuri

197

Hello,

I have a lot of the pages in the portal.

I have my custom theme.

All pages are styled and use the above mentioned theme.

There is one page that uses only bootstrap and it doesn't even load other css files.

Page is configured like all other pages.

What might be wrong ?

Thanks.

I have the same question (0)

All responses (5)

Answers (1)

Verified answer

Community Member on at

Like (0)

Report
Copy link

Link copied!

Hi partner,

Cascading Style Sheets (CSS) allows you to control the formatting of your website. By default, bootstrap.min.css and theme.css files are available. You can edit the existing CSS files and upload new CSS files. When you upload a new CSS file, it will be available as a web file in the Portal Management app.

Have you uploaded custom theme as following screenshot?

Only one page can't show as the theme? if so, maybe you can use Custom CSS field available in Web Page-->Localized Content-->Advanced -->Custom CSS field.

Or go to the web page and create new child file for it in the portal, then add theme css file you need.

Regards,

Leah Ju

Please mark as verified if the answer is helpful. Welcome to join hot discussions in Dynamics 365 Forums.

Was this reply helpful? Yes No
magical Khachapuri 197 on at

Like (0)

Report
Copy link

Link copied!

The last part did indeed work, but why do I get such behavior ?

As all pages, this specific(that didn't get styled) is the child of Home page.

On all pages my styles => theme.css and custom.css work fine.

What's wrong with this page ?

I think that last step you mention is a workaround, but what might be the solution ?

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report
Copy link

Link copied!

Hi partner,

It’s possible that this page you set something different from other pages, I can't check it.

Maybe you can delete it and create new to test again?

Regards,

Leah Ju

Was this reply helpful? Yes No
Napan TheControls 5 on at

Like (0)

Report
Copy link

Link copied!

Hi, I use Localized Content-->Advanced -->Custom CSS field. But is not Work

Please show your ex. code, Thank you

My Code in CSS Box

#cookiePopup {

background: white;

width: 25%;

position: fixed;

left: 10px;

bottom: 20px;

box-shadow: 0px 0px 15px #cccccc;

padding: 5px 10px;

}

#cookiePopup p{

text-align: left;

font-size: 15px;

color: #4e4e4e;

}

#cookiePopup button{

width: 100%;

border: navajowhite;

background: #097fb7;

padding: 5px;

border-radius: 10px;

color: white;

}

Was this reply helpful? Yes No
RdeG 5 on at

Like (1)

Report
Copy link

Link copied!

I have the same problem. Searching the page source I do not find the custom CSS at all.

Was this reply helpful? Yes No