Joomla Templates Club 406,261 posts

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#193314

Please, what should I do to have:
a/. an image as body-background and
b/. white color as header-background for Teline IV ?

I am using the new Framework T3 and Joomla 3.2.1

Thank you

Example:

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#516902

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General settings.

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#516929

Thank you for your answer !

My Target is that webpage in joomla 2.5: http://endisy.gr
I provide you with the url of the site I am working on: http://petie.org/endisy.gr/

Don’t forget it’s joomla 3.2, so I don’t know how to set “Optimize CSS” to “No”
(I can’t find it in Template Manager–General settings).

Dionysis

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#516930

Your site appears to be password protected.

Can you provide temporary login info – which you can send to me via private message?

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#516948

Hi Dionysis,

You can try to create a custom.css file at templates/ja_teline_iv_t3/css/ path and put below override css codes into:

body {
background-image: url('your_background_image_path') no-repeat;
}

#t3-header {
background: #fff;
}

1 user says Thank You to phong nam for this useful post

1. dion77

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#517057

It worked, thank you !

But I would like also to have white background (or reduce the distance) in the screenshot i send you:
Io the top, between header and body, in the main menu and between body and footer !

Dionysis

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#517067

In the same custom.css file you created per Leo’s recommendation above, try entering the following CSS:


.topbar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF
border-color: -moz-use-text-color #CCCCCC #CCCCCC
border-image: none;
border-right: 1px solid #CCCCCC
border-style: none solid solid;
border-width: medium 1px 1px;
font-size: 11px;
}

.t3-mainnav {
background: #FFFFFF
border-bottom: 5px solid #000000
border-top: 1px solid #CCCCCC
margin-bottom: -1px;
}

.t3-mainbody {
margin-bottom: -18px;
padding-bottom: 0;
padding-top: 0;
}

Let us know if that gets things closer to what you were wanting.

1 user says Thank You to TomC for this useful post

1. phong nam

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#517191

It worked partially!

It should be white background (or reduce the distance) on the top, between mainmenu and body and in the main menu !

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#517194

Glad to be of assistance . . . . All the best with your continuing site development.

🙂

2 users say Thank You to TomC for this useful post

1. phong nam
2. dion77

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#517206

Hi dion77,

You can add the following CSS styles into custom.css file:

.topbar {
display: none;
}

.navbar {
margin-bottom: 0;
}

.ja-teline-wrap {
margin-bottom: 0;
}

Let me know how it goes.

1 user says Thank You to phong nam for this useful post

1. dion77

[dion77 Friend dion77Join date: May 2011Posts: 34Downloads:3Uploads:3 Thanks: 12]

#517369

It worked with your code, thank you !
I just added the header background !

#t3-header {
background: #fff
}

.topbar {
display: none;
}

.navbar {
margin-bottom: 0;
background: #f00
}

.ja-teline-wrap {
margin-bottom: 0;
}

[Author]

Posts