madi-nuralin / material Goto Github PK

Hi @madi-nuralin,

I am Rahul from India. Firstly, you have made the most beautiful theme in the history of OJS. It's just amazing. I have been using the theme on my website thesciencebrigade.com/jst. The desktop version is working just fine and I have made some CSS changes and added the Stylesheet to the OJS.

However, when it comes to the mobile version, the theme loses its alignment. You can check the website link on desktop as well as mobile devices of different sizes. I have also added a stylesheet with the following code:

.hero-section, .hero-section > .container > .row {
min-height: 500px;
}

.hero-section.inner-page .hero-text {
margin-top: 70px;
}

.footer {
text-align: center;
background-color:#B7b6c1;
}

footer {
color: black;
}

@media screen and (max-width: 992px)
.hero-section, .hero-section > .container > .row {
min-height: 300px;
}

.hero-section .hero-text-image {
margin-top: -20rem;
}

.hero-section .iphone-wrap .phone-2 {
width: 250px;
position: absolute;
margin-top: 50%;
margin-left: 50%;
transform: translate(-50%, -50%);
}

However, when I add this code specifically the @media screen sections, the website becomes perfect on mobile devices but at the same time, the desktop version goes crazy.

When I remove the entire section after the @media screen, the desktop version becomes perfect, but the mobile device starts annoying.

Could you please check this website on your mobile devices of different different sizes and can you help me with this? Is there any code or is there any plugin or something that I can make the website look aligned on the mobile device?

Also, I want to change the text on the homepage from "Send Article" to "Submit Article". How can I do that?

Thank you.

Hello, Dear Developer! I really like your theme. There is one question about how to change the footer background? Thank you in advance!

• Make ui components: input, button etc.
• Place every component in separate tpl files, and store as smarty function.
• Replace html tags with components within the whole project.

Hello.

When trying to deploy the layout, the link with the theme name appears:

how to solve?

I found the page is already loaded but the spinner/website loading animation hides the page until it's complete. The Journal takes more time to load on the first visit. But when I scrolled I saw the text below. Please take a look at the file I've attached. I think removing the spinner/website loading animation will improve website performance.

@madi-nuralin how can we get the list of archives on the home page? for example 8 most recent issues to be displayed on the home page, just the cover and the title, 4 in a row, can you please send me code snippet?

or may be list of articles from 4 given issues to be displayed in grid on home page, just title, author, issue number?
thank you in advance

creating a basic child theme for this theme results in an unresponsive "add new plugin" interface of OJS.

Not sure if it should be reported here.

Greetings and Regards
Due to the use of shared hosting, I am not able to activate "exec" function in my hosting and I cannot use the quick installation feature. I installed it manually from FTP and CPanel (I copied the material folder file into the OJS themes folder). When opening the website management plugins section, I get stuck in an infinite loading loop and then get error 500.
What is correct way of Manual installation?

I was trying to enable recaptcha on the above two pages and was having issues with material theme.
A little bit of googling lead me to the solution for material theme.

please put in the following code in userLogin.tpl and userRegister.tpl

{* recaptcha spam blocker *} {if $recaptchaPublicKey} <fieldset class="recaptcha_wrapper"> <div class="fields"> <div class="recaptcha"> <div class="g-recaptcha" data-sitekey="{$recaptchaPublicKey|escape}"> </div> </div> </div> </fieldset> {/if}

the code is from this link and I have tested it in my material theme with OJS 3.4.x It works.

Could u please add it to the above mentioned two files?

Thanks

The 'Material Theme' plugin is based on MDB library and it has limitations and constraints to adapt website design to scientific journals' style. It is decided to switch to the 'Tailwind CSS Framework', which provides more flexibility and to develop a new plugin design which mostly respond to the OJS manner.

To-Do List:

• Remove MDB
• Setup TailwindCSS
• Setup Alpine js
• Design theme

Dear @madi-nuralin

As I am testing OJS 3.4.0-4. We can now log in to OJS via email input. Could you update the log in via email on the login page? Changing username to **Username or Email *** will be more suitable and understandable.

Avobe the Username or Email * an indication of Required fields is marked with an asterisk: * will be more helpful for users.

the them is working on the Journal as child but not at the main page
For example, I have tow Journal on OJS system, so the main page/home page of the Journals them does not working with it

@madi-nuralin

Hello Dev, hope you are doing great, nice work, I need a little help regarding material theme.

Using material theme, can we use the default ojs backend instead of material themes?

my 2nd question is how can I turn the primary nav and secondary nav to show as regular horizontal menu instead of collapsible?

Hi,
nice theme,
but there is no blocks zone?

hi sir,
im using ojs version OJS 3.3.0.17, and using the newer version,

there is and empty space so the menu wont show up

I am getting similar issues like this post for Material Theme. https://forum.pkp.sfu.ca/t/ojs-3-4-0-1-bootstrap-3-theme-how-to-cite-block-appearing-twice/79549

Currently it is not possible from administration panel to customize index journal page.