{"id":14634,"date":"2019-05-05T13:30:12","date_gmt":"2019-05-05T13:30:12","guid":{"rendered":"https:\/\/codex-themes.com\/thegem-elementor\/?page_id=14634"},"modified":"2016-05-03T10:59:06","modified_gmt":"2016-05-03T10:59:06","slug":"fancy-page-headings","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem-elementor\/features\/fancy-page-headings\/","title":{"rendered":"Fancy Page Headings"},"content":{"rendered":"

[vc_row][vc_column][gem_fullwidth container=”1″ background_color=”#373947″ background_image=”14736″ padding_bottom=”120″][gem_divider margin_top=”215″][vc_column_text]<\/p>\n

Fancy Page<\/span> Headings<\/span><\/div>\n

[\/vc_column_text][gem_divider margin_top=”65″][vc_column_text]<\/p>\n

Use beautiful page titles by adding colored, image and video backgrounds and selecting font colors and icons in different styles and alignment. TheGem includes 18 ready-to-use backround patterns to make your website titles and headers colorful and fancy! Even more: you can upload your own backgrounds or select any color via colorpicker.<\/span><\/div>\n

[\/vc_column_text][gem_divider margin_top=”72″][vc_row_inner][vc_column_inner width=”1\/3″][gem_list type=”star” color=”11″]<\/p>\n

    \n
  • Enable \/ disable page title <\/span><\/li>\n
  • Use custom page titles instead of wp titles<\/span><\/li>\n
  • Use formatting for your page titles<\/span><\/li>\n
  • Set paddings and margins for titles and subtitles<\/span><\/li>\n<\/ul>\n

    [\/gem_list][\/vc_column_inner][vc_column_inner width=”1\/3″][gem_list type=”star” color=”11″]<\/p>\n

      \n
    • Set width for titles and subtitles
      \n<\/span><\/li>\n
    • Enable \/ disable breadcrumbs
      \n<\/span><\/li>\n
    • Set heading alignments: left, right, centered
      \n<\/span><\/li>\n
    • Choose font colors for titles and subtitles
      \n<\/span><\/li>\n<\/ul>\n

      [\/gem_list][\/vc_column_inner][vc_column_inner width=”1\/3″][gem_list type=”star” color=”11″]<\/p>\n

        \n
      • Use custom subtitles
        \n<\/span><\/li>\n
      • Select icons in different styles and sizes
        \n<\/span><\/li>\n
      • Images and videos backgrounds
        \n<\/span><\/li>\n
      • Colors via colorpicker<\/span><\/li>\n<\/ul>\n

        [\/gem_list][\/vc_column_inner][\/vc_row_inner][\/gem_fullwidth][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][gem_divider margin_top=”120″][vc_text_separator title=”HERE ARE JUST FEW SAMPLES” style=”double” border_width=”2″][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=”custom-1″][gem_custom_header icon_position=”gem-custom-header-no-icon” background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”elegant” title_top_margin=”-50″ title_bottom_margin=”88″ background_image=”14641″ padding_top=”20″ padding_bottom=”20″]<\/p>\n

        Pages & posts title default<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=”center custom-1″][gem_custom_header icon_position=”gem-custom-header-no-icon” background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”elegant” title_top_margin=”-50″ title_bottom_margin=”88″ background_image=”6441″ padding_top=”26″ padding_bottom=”34″]<\/p>\n

        inversed + transparent menu<\/span><\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=”custom-2″][gem_custom_header icon_position=”gem-custom-header-icon-position-right” background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”material” size=”xlarge” title_top_margin=”-50″ title_bottom_margin=”66″ background_image=”14667″ icon_material=”f45f” padding_top=”20″ padding_bottom=”20″ color=”#ffffff” icon_top_margin=”7″]<\/p>\n

        title + custom back<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_custom_header icon_position=”gem-custom-header-icon-position-right” container=”1″ breadcrumbs=”1″ pack=”material” size=”xlarge” title_top_margin=”-23″ ch_background_color=”#00bcd4″ icon_material=”f45f” color=”#ffffff” icon_top_margin=”28″ padding_top=”0″ padding_bottom=”80″]<\/p>\n

        flat title\u00a0<\/span>+<\/span><\/span>\u00a0icon<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_custom_header subtitle=”Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. ” icon_position=”gem-custom-header-icon-position-right” container=”1″ breadcrumbs=”1″ pack=”material” size=”xlarge” title_top_margin=”-30″ title_bottom_margin=”-10″ subtitle_color=”#ffffff” ch_background_color=”#6c7cd0″ icon_material=”f347″ color=”#ffffff” icon_top_margin=”10″ padding_top=”20″ padding_bottom=”127″]<\/p>\n

        flat title\u00a0<\/span>+<\/span><\/span>\u00a0icon<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_custom_header title_width=”1200″ background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”material” style=”angle-90deg” size=”xlarge” title_top_margin=”-50″ background_image=”14671″ ch_background_color=”#00bcd4″ icon_material=”f574″ color=”#b4f4fe” color_2=”#ffffff” icon_top_margin=”20″ padding_top=”3″ padding_bottom=”35″]<\/p>\n

        reversed<\/span> & gradiented<\/span><\/div>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_custom_header subtitle=”Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.” subtitle_width=”800″ background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”material” style=”angle-90deg” size=”xlarge” title_top_margin=”-30″ title_bottom_margin=”-12″ subtitle_color=”#ffffff” background_image=”14673″ icon_material=”f374″ color=”#4fbad1″ color_2=”#e7ff89″ icon_top_margin=”20″ padding_top=”20″ padding_bottom=”127″]<\/p>\n

        reversed<\/span> & gradiented<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_custom_header title_width=”1200″ icon_position=”gem-custom-header-icon-position-centered” background_style=”cover” container=”1″ breadcrumbs=”1″ pack=”material” shape=”hexagon” size=”medium” title_bottom_margin=”1″ background_image=”7955″ ch_background_color=”#00bcd4″ icon_material=”f198″ color=”#e7ff89″ color_2=”#ffffff” background_color=”rgba(231,255,137,0.13)” icon_top_margin=”20″ padding_bottom=”20″]<\/p>\n

        centered & imaged title<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=”custom-3″][gem_custom_header subtitle=”Easily insert any video media at any position in your content \u2013 anywhere you wish. Choose from youtube, vimeo or self-hosted videos. Set the size of video container and choose the style you wish. Fully responsive.” icon_position=”gem-custom-header-icon-position-centered” video_background_type=”self” container=”1″ breadcrumbs=”1″ pack=”material” size=”large” title_bottom_margin=”10″ subtitle_color=”#ffffff” background_image=”14673″ video_background_src=”https:\/\/codex-themes.com\/thegem-elementor\/wp-content\/uploads\/2016\/02\/347712883.mp4″ video_background_overlay_color=”#393d50″ video_background_overlay_opacity=”0.6″ icon_material=”f2e5″ color=”#ffd75f”]<\/p>\n

        \u00a0extended <\/span>\u00a0centered
        \ntitle goes here!<\/span>
        \n<\/span><\/h1>\n

        [\/gem_custom_header][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}”][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=”1\/4″][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][gem_fullwidth background_style=”cover” background_image=”14715″ padding_bottom=”750″ padding_top=”150″][gem_icon pack=”material” size=”large” centered=”1″ icon_material=”f287″ color=”#02ce9d”][gem_divider margin_top=”72″][vc_column_text]<\/p>\n

        CREATE YOUR OWN FANCY HEADING!<\/span><\/div>\n

        [\/vc_column_text][gem_divider margin_top=”68″][vc_column_text]<\/p>\n

        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/span><\/div>\n

        [\/vc_column_text][gem_divider margin_top=”50″][gem_button position=”center” style=”outline” size=”medium” corner=”30″ border=”2″ icon_pack=”elegant” text=”creat a ticket support” text_color=”#a1f5e3″ border_color=”#a1f5e3″ hover_text_color=”#343441″ hover_background_color=”#a1f5e3″][\/gem_fullwidth][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

        [vc_row][vc_column][gem_fullwidth container=”1″ background_color=”#373947″ background_image=”14736″ padding_bottom=”120″][gem_divider margin_top=”215″][vc_column_text] Fancy Page Headings [\/vc_column_text][gem_divider margin_top=”65″][vc_column_text] Use beautiful page titles by adding colored, image and…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/14634"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/comments?post=14634"}],"version-history":[{"count":0,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/14634\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem-elementor\/wp-json\/wp\/v2\/media?parent=14634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}