Hello Tajrebatee!

Studio -> Pages -> Select Page... -> Search by Keyword -> Settings

@UNA Themes Thank you so much for your prompt reply. My questions is regarding all pages in the site not just the "search page", which was just an example. Is there a setting that disable that titles (or all writing or boxes) in the cover page?

Add custom css:

/*- Cover Title -*/
.bx-cover-title {
    display: none;
}
/*- END Cover Title -*/

Appreciated!

Can you kindly let me know where exactly I put that? in the Artificer theme I don't see a place for "custom" CSS?

Studio -> Artificer -> Styles

Nice! Thanks a million!!

Worked beautifully! tnx

Welcome!

Last question. Do you think of a similar code I can use to remove the "Welcome and login boxes" (image shown) from the homepage for unsigned people (visitors)?

Studio -> Pages -> Homepage -> Settings -> Cover -> Disabled

Thanks a gain. But I think this way I will also remove the image (the picture in the background). I wanna keep that but wanted to remove only the text and the login boxs (which I didn't put but come by default with Artificer)

I tried it, but unfortunately, this will remove everything including the background image. I wanna keep the background image but wanted to remove only the text and the login boxs (which I didn't put but come by default with Artificer)

THIS are the ways for PAGECOVERS like this:

test this for artificer

/* ----- Dark and Light Theme ----- */

.bx-cover-title.flex.justify-center.items-center {

 display: none;

}

/* ----- Only Dark Theme ----- */

.dark .bx-cover-title.flex.justify-center.items-center {

 display: none;

}

... but the Cover will be smaller than.

the second way is u insert this:

/* ----- Only Dark Theme ----- */

.dark .dark\:text-gray-50 {

 --tw-text-opacity: 0;}

/* ----- Only Light Theme ----- */

.text-gray-900 {

 --tw-text-opacity: 0;}

than the font is showing but u makes the color transparent, u see u f have not only one way, the only problem will be when someone use the .text-gray-900 for example on another Positon of template, than this color will be transparent too.

Later when we have the 14.0.0 Release we can insert custom Css ways. But at moment to much can break the 13.0.0 - B2 is not stable enough for it.

But at first u should use it so ... i dont know whats the plan of Artificer Theme  , a custom styler for Artificer will comming out or not. I asked them in a topic but i got no answer. We have to wait.

Artificer is complicated in CSS u have 2-3 ways - 1 for dark theme / 1 for light theme / 1 for all 2 Themes - that means: u need to sort and write ur CSS between Light/Dark/ and all 2 Themes together.

Artificer is a theme for people who know how CSS is working, who don´t know how CSS is working should use the Artificer Theme how it is working at moment or better use Lucid and Protean Design its more easy for beginners at moment!

Ps: More help i will give in my Group: https://unacms.com/g/una-themes-html-css-tips-and-cheats

Homepage Cover / Generall changes and for ALL (Guests and LoggedIn Members) only Artificer !!!

Big Font:

For example, if you don't want to display the texts for guests and logged-in members, use the following code

/* ----- Dark and Light Theme ----- */

.text-4xl.sm\:text-5xl.xl\:text-6xl.tracking-tight.font-bold.text-gray-800.dark\:text-white {

  --tw-text-opacity: 0; }

If u dont likes to have the "Welcome to the Community" font than use this :

/* ----- Dark and Light Theme ----- */

.text-4xl.sm\:text-5xl.xl\:text-6xl.tracking-tight.font-bold.text-gray-800.dark\:text-white {

  display: none; }

---------------------------------------------------------------------

Small font:

If u want to make the color of the small text transparent than use this:

/* ----- Dark and Light Theme ----- */

.p-8.font-light.text-gray-700.dark\:text-gray-300.text-base.sm\:text-lg.xl\:text-xl {

  --tw-text-opacity: 0;

}

If u dont likes to have the font than use this :

.p-8.font-light.text-gray-700.dark\:text-gray-300.text-base.sm\:text-lg.xl\:text-xl {

display: none;

}

Dont show big and small Font:

... use this code ...

.text-4xl.sm\:text-5xl.xl\:text-6xl.tracking-tight.font-bold.text-gray-800.dark\:text-white,

.p-8.font-light.text-gray-700.dark\:text-gray-300.text-base.sm\:text-lg.xl\:text-xl {

display: none;

}

Makes Big and Small Font only transparent:

... use this code ...

.text-4xl.sm\:text-5xl.xl\:text-6xl.tracking-tight.font-bold.text-gray-800.dark\:text-white,

.p-8.font-light.text-gray-700.dark\:text-gray-300.text-base.sm\:text-lg.xl\:text-xl {

--tw-text-opacity: 0;

}

Dont show the "Create Acc. Button "

... use this code ...

.relative.mx-auto.py-16.text-center .bx-btn.bx-btn-primary {

  display: none;

}

Dont show the " Login Button"

... use this code ...

.relative.mx-auto.py-16.text-center .bx-btn.ml-3 {

  display: none;

}

Don´t Show all two Buttons:

.relative.mx-auto.py-16.text-center .bx-btn.bx-btn-primary,

.relative.mx-auto.py-16.text-center .bx-btn.ml-3 {

  display: none;

}

----------------------------------------------------------------------

If u put this under ARTIFICER in ur CUSTOM CSS STYLE than all GUESTS and Members can´t see this anymore !!!!

Only for guests, but members cant see it ...

Go under ur HOMEPAGE in ADMIN AREA and Insert a own RAR BOX.

Enable the Visibility only for all Members but NOT for GUESTS.

Open the Box and insert this

<style> ... </style>

Where u see my 3 Points u can insert the CSS pieces what i have post in my topic before.

Put the RAW Box in the first row of ur Hompage that it will be loading first.

So u guys and girls see why Designer is a own Job and cost money ;) But i am not a Designer ... it is all selflearning over years as hobby.

I hope i could help.

If u put this in ur raw box (for example), it will looks like this:

<style>

.p-8.font-light.text-gray-700.dark\:text-gray-300.text-base.sm\:text-lg.xl\:text-xl {

--tw-text-opacity: 0;

}

.relative.mx-auto.py-16.text-center .bx-btn.bx-btn-primary,

.relative.mx-auto.py-16.text-center .bx-btn.ml-3 {

display: none;

}

</style>

For Guests:

For Members:

If u want makes changes under a special page, than u insert only a RAW-Box, insert <style> ... </style> and the pieces of css codes between what u need for the changes.

So u can give ur sites individuel styles via backgrounds and co. ;)

Great work. Nice explanation. I followed the steps and, as you said, I got rid of the Fonts (large and small) as well as the boxes, however, the background image got chopped off too (see tow images below). Any idea on how to fix it?

Before

After

Original code:

.py-16 {

 padding-top: 3rem;

 padding-bottom: 3rem;

}

with this CSS peace u can change the cover height... u need only set maybe 5 in it - how u likes ;)

Worked beautifully! You are the master...thanks a million!!

Ah .. in 1 Year u are the master here ... i am happy when i can help

😂 I doubt it...I enjoy learning from the masters, and you don't know much appreciated are the "Aha" moments for learners like me when you guide us to them. Kudos to you my friend!