alvarotrigo / alvarotrigo/react-fullpage

FP Default Styles & Overrides Not Consistent when Building React (Gatsby) Project

未关闭
#223 7 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
1.3k
派生
172
PR 合并指标
30 天内没有已合并 PR

描述

Struggling with the proper way to override certain CSS settings being pushed down with the package . Using the fullPage.js React Component (part of a Gatsby build), and have not had any luck finding this question correctly answered.

I found this, which is the closest issue to what I'm facing:
[Link to Simliar Issue](https://github.com/alvarotrigo/react-fullpage/issues/45)

But in the 3.0.9 release, that reference isn't even called so commenting this out does nothing. I do see the "exports.push" (line 1696) in the dist/react-fullpage.js that seems to set everything (visible in the head tag), and can certainly adjust here - but this would be overwritten with any releases, refresh of node_modules, etc.

Ultimately, I want better control over the "fp-tableCell" to get my layout to work. Can you please advise the proper way to adjust any of the default CSS settings from a Build perspective?

For clarity, in a local development mode (e.g. gatsby develop), a simple override.css file is sufficient, and that isn't carrying forth to the build. The issue mentioned above is a few years old, and it appears further changes have been made to fullPage.js. Some of the overrides do actually carry forth to the build of the project, e.g.

```
/* This below adjusts the color of the Active Nav Tooltip */
#fp-nav.fp-show-active a.active + .fp-tooltip,
.fp-tooltip {
color: blue;
}
```
My current challenge is with the styling for fp-tableCell, but sure I will encounter some others as we are adjusting and would appreciate a definitive answer on how to correctly override any of the default fp stylings.

Thanks in advance for any support!

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。