Help us understand the problem. What is going on with this article?

COCOONでElementorの見出し2にグラデーション付ける

WordPressの無料のテーマ「COCOON」で、見栄えのするページを投稿できるElementorというプラグインを使うとき、見出し2でグラデーションの設定が出来ないです。
どうやらCOCOONのテーマの見出し2H2が、競合してしまうようです。

そのため、私は、ElementorのウィジットのHTMLを使い、下記のソースコードでグラデーションを実現しました。
スクリーンショット 2020-06-28 7.56.25.png

<style>
.h2_org{
    background: rgb(9,121,29);
background: -moz-linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
background: linear-gradient(90deg, rgba(9,121,29,1) 0%, rgba(81,200,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09791d",endColorstr="#51c8e0",GradientType=1);
color:#ffffff;
}
</style>
<h2 class="h2_org">テスト</h2>

styleでcssのコードをHTMLの中に、書いています。
classの名前を指定して、COCOONのテーマのh2と競合しないようにしました。
見出し2で指定する文字の色も、必要ならstyleの中で書くと良いと思います。

グラデーションのコードは、下記のグラデーションジェネレーターを使いました。
https://cssgradient.io/

スクリーンショット 2020-06-28 8.08.48.png

masaru21
個人でAndroidアプリを製作したり、PHP、HTML、CSS、Javascriptなどを使いサイト制作、Facebookページ制作、ブログ執筆など色々活動しています。 オリジナルグッズの製作販売もしています。
https://miraclekuma.amebaownd.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした