dominic Appreciate your guides. but 2, 3, and 4 codes should be placed in which files? or where in the settings?
Thank you!

    Hi ashraf1,
    You can add the CSS code to the Backend > site template styles > ja_eventcamp - Default > Tools > Edit Custom CSS

    Thank you, that was very helpful.

    Other questions:

    1. I assigned the Masthead module to all pages, with no custom setting to any page.
      Some pages display sub-titles, but other pages don't.
      Where can I turn this 2nd line on/off?

    2. All pages have a large blank space under the Masthead module, where can I control this space?

      Hi ashraf1,
      1/ You can add the page that you want to use the masthead in the Menu Item box.
      Also, remove the subtitle from the Masthead Description.

      2/ Could you send me the site URL for further checking?

      1. I didn't make any setting in the "Masthead Description" it's blank, and that's my question, why there is a description on some pages and not in others while there is no Description set at all, the Description that I want to remove in the above image is the website meta name in the Global Configurations. I did add the menu item to the module without subtitle, still showing a subtitle.

      2. Here you go https://missarab.org/index.php/usa-pageant/how-it-works and you can see the large space on all pages, just click on any menu item.

      Thank you

        Hi ashraf1,
        1/ Could you send me the admin account for further checking?

        2/ You can use the following CSS code:

        .t4-main-body {
            padding-top: 15rem;
        }
        This message is visible to Moderators only
        hidden content

          Hi ashraf1,
          I have checked and see that the site has some issues with the JS of the ARK plugin. Have you tried to disable this plugin and check the issue?
          I sent and notified our technical team about this issue.

          Which JS and ARK plugin? I will try to disable it to see if it helps.
          But there are 100+ ARK plugins

          Hi ashraf1,
          Our technical team checking this issue. kindly waiting.

          ashraf1
          Hi,

          By default, if you haven't set a subtitle for the masthead module, it will fallback to the menu meta description or the site description from the global configuration. To avoid this, I recommend adding a simple description to the JA Masthead configuration.

          However, if you still don't want to display the subtitle, you can use the following CSS:

          .ja-masthead-description { 
              display: none; 
          }

          Regards

          Thank you Manhta
          I'm sorry, but I believe that your analysis may not be correct. The reason for me saying that is:

          1. Please see the attached print screen, some pages have subtitles, other pages don't have subtitles, and some pages don't even have a title.

          2. I removed the menu meta description and the site description, however, the subtitles remain there, I don't know where it getting it.

          3. I used the provided CSS, and it did work, however, it did change the title font (Which I like the new font 🙂 ) but also the pages that don't have a title remain without a title.

          Would you please advise in specific:

          1. how to have a title for the pages without a title? (the page is assigned in the module)
          2. How to control the title font?

          Thank you

            ashraf1
            You're right, I was wrong.
            Let me correct, the description will fallback to article meta description. You can see that on article edit > tab Publishing. To hide subtitle, you can remove meta description, then subtitle will be hiden.

            1. About set a title for page, in this case, it's menu named "Video Gallery" with id:722. You can open module "JA Masthead" , select the menu as you want > set the title > then save the setting. (check screenshot below)
            2. To control the title font, you can use this css:
              h3.ja-masthead-title {
                  font-family: monospace;
              }

            Write a Reply...
            You need to Login to view replies.