Template setting

ashraf1

Hello

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

Which module or setting displays the page’s title and description?
How to change the image shape to square?
How to change the field space to a non-curvy corner?
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

dominic

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.

ashraf1

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

dominic

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

ashraf1

Thank you, that was very helpful.

dominic

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?

ashraf1

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.
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

dominic

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;
}

ashraf1

This message is visible to Moderators only

hidden content

dominic

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.

ashraf1

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

ashraf1

Hello
Any update from the technical team?
Thank you

dominic

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

manhta

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

ashraf1

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

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.
I removed the menu meta description and the site description, however, the subtitles remain there, I don't know where it getting it.
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:

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

Thank you

manhta

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.

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)

To control the title font, you can use this css:

h3.ja-masthead-title {
    font-family: monospace;
}