Hi ashraf1,
1/ You can go to the site modules > Masthead then change the info for the contact us page now.
2/ To change the image, you can use the following CSS code:

.contact .plain-style .contact-information .inner .contact-left img {
    border-radius: 0;
}

3/ To change the field space to a non-curvy corner, you can add the following CSS code to your site:

.form-control, .inputbox {
    border-radius: 0;
}

4/ You can add this CSS Code to your site and change it:


.acm-teams.style-1 .teams-img .round-decor.bg-pattern {
    border-radius: 0;
    height: 50%;
    z-index: 1;
}

.acm-teams.style-1 .teams-img .round-decor {
    border-radius: 50%;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

.t4-palette-light .bg-pattern {
    background-color: #edf5ff;
}

If you still face this issue, you can send me the site URL for further checking.

      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.