Hello

I couldn't find a guide on the template's documentation page, please advise:

  1. Which module or setting displays the page’s title and description?
  2. How to change the image shape to square?
  3. How to change the field space to a non-curvy corner?
  4. How to change the image's frame thickness or shape? in your demo it's half circle, in my template is a full circle, and it's too thick.

Thank you

    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.