0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

CSSを使ったHack デジタルエクスペリエンスサイト

Last updated at Posted at 2024-04-12

この画面と同じなら、CSSでテキスト文字の大きさを変更しているようです。

https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54S00000A8XTMSA3

Within Experience Cloud some of the CSS Classes for buttons are shared and so if you hide one button somewhere it can hide another button somewhere.

In a sandbox if you temporarily comment out the CSS Override does the button come back?

記事のURL及びタイトルの非表示については、英語ですが同じような質問があって解答されています。display:none;を使って非表示にしていますね。

https://trailhead.salesforce.com/ja/trailblazer-community/feed/0D54S00000A7syrSAB

!importantを付与しても上書きされませんか?

適切なclassを指定して、変えたいところだけに適用できないですか?

.THIS .slds-modal__container { 
  width : 60% !important; max-width : 80% !important; 
} 

LWCではできないけど、Auraでは可能だと書かれてます。

Placeholder position change to top of the input field
https://salesforce.stackexchange.com/questions/326184/placeholder-position-change-to-top-of-the-input-field

You can override the css to change the text. Follow these steps:

  1. Open the CSS editor in the builder.

image.png

2. Copy/Paste this code there, Save and Publish:
(The content property holds the new value)

 .label.bBody { 
            visibility: hidden; 
    		position: relative; 
        } 

.label.bBody:after { 
            visibility: visible; 
            position: absolute; 
            top: 0; 
            left: 0;
    		right: 0;
            content: "Submit"; 
        }

image.png

Are you working on a Lightning Web Runtime website or an Aura website?

If it's an Aura site, each page has a CSS class added to the

tag in HTML. If you view the web page you want to change in your browser, use the browser inspect tool (https://developer.chrome.com/docs/devtools/open/) to view the HTML code, look for this element .

To use the browser inspect tool, you can right-click anywhere on a web page and select "Inspect". It depends on the page, but you might see something like

or . Then you can use that class name to target the page in css.

Lightning Web ランタイム Web サイトまたは Aura Web サイトで作業していますか?

Aura サイトの場合、各ページには HTML の

タグに CSS クラスが追加されます。変更したい Web ページをブラウザで表示する場合は、ブラウザ検査ツール (https://developer.chrome.com/docs/devtools/open/) を使用して HTML コードを表示し、この要素 。

ブラウザ検査ツールを使用するには、Web ページ上の任意の場所を右クリックし、[検査] を選択します。ページによって異なりますが、

や のようなものが表示される場合があります。次に、そのクラス名を使用して、CSS でページをターゲットにすることができます。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?