theRealdesign - Can I edit the black square?

Hi!
I'm new with joomla, and recently I had sign up a plan with you.
Now I'm using this template, theRealdesign, and when I'm trying in home with this menu type: Featured Articles, I have found that, for a list, the big black square is not cool.
Can I edit this square, for make it small, for example, or change the color?

Thx for your support!!

Hi,

Can you give me a link to see the issue then I will help you out?

Thanks,

Hi,
this is the link:
http://www.ampahumanitastrescantos.com/

thank you for the support!

Hi,

Thank you but the site is not public now so I can't see anything inside, if possible please send me an account via a PM then I will check further for you.

Thanks,

Sorry the web is still no public, this is an image:

Thank you!

I see it now, open file /templates/gk_the_real_design/css/joomla.css

Find this code:

Code: Select all

.gkDate { position: absolute; float: left; width: auto; height: auto; margin: 3px 0 0 0; padding: 0; background: #151515; text-align: center;  padding: 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


Turn on CSS Override mode in template setting then copy that code to file override.css and change the values to what you want.

Thx you Don, but I have another issue, how can i edit the text inside (i want to make it smaller)?

Try add to this code css rule

Code: Select all

font-size:16px;


and try decrease or increase value to fit your expects

I'm sorry for my ignorance, can you tell me exactly where I have to add this css rule? I've tried on the .gkDate, turning on the css override mode, but it didn't work.
Very thank you!

Hi,

In order to make the font size smaller, add this code to file override.css:

Code: Select all

.gkDate div {
    font-size: 20px!important;
}


Change the value number to whatever you want.

Cheers,