Joomla Templates Club 406,261 posts

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#194274

Hello,

1.- I would like to customize the menu put on the bottom three lines, like in the picture:

Can you help me?, I don´t have any idea

2.- It is possible put a picture as background?

Thank you in advance

---

Attachments:

1. 

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

#520552

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

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#520567

<em>@TomC 408597 wrote:</em><blockquote>So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No” within your Template Manager–General settings</blockquote>

http://easyrace.net/copa

And Optimize css is off

Thank you

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

#520570

Okay, I think the best way to go about this is to dsignate a “border-bottom image” CSS property
– for which you would assign to the following CSS rule . . .

File Path –> /copa/templates/ja_fixel/css/themes/blue/template.css,
at line 6327:


.t3-mainnav {
border-bottom: 3px solid #E7E7E7
}

As you can see, currently, the border-bottom property is set as a 3px solid line . . . but you can assign an image to the border-bottom property – which, in your case, would be the red-white-blue horizontal image.

You will likely need to employ a little trial-and-error to get it just right – such as getting your border image to repeat along the x-axis … as well as ascribing a “width: 100%” property to get it to display along the full width of your main-nav/top header (as you depict within the mock-up image you provided).

Here are several resources which may be helpful to you . . . .

http://css-tricks.com/understanding-border-image/

http://www.w3schools.com/cssref/css3_pr_border-image.asp

http://stackoverflow.com/questions/1118375/how-to-use-an-image-for-a-border-in-css

http://www.htmlgoodies.com/beyond/css/how-to-create-border-images-using-css3.html

1 user says Thank You to TomC for this useful post

1. lailuluelo

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#520623

thank you!

and what about point 2:

2.- It is possible put a picture as background?

Thank you in advance

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

#520645

<em>@lailuluelo 408699 wrote:</em><blockquote>thank you!

and what about point 2:

2.- It is possible put a picture as background?

Thank you in advance</blockquote>

As a backgroud for which element?

[lailuluelo Friend lailulueloJoin date: May 2010Posts: 241Downloads:7Uploads:34 Thanks: 110 Thanked: 21 times in 1 posts]

#520683

As a background in the front, behind the grid, position home-1

Thanks

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

#520984

<em>@lailuluelo 408783 wrote:</em><blockquote>As a background in the front, behind the grid, position home-1

Thanks</blockquote>

Yes – All you need do is designate the image path for the image within a “background” property for that element.

2 users say Thank You to TomC for this useful post

1. lailuluelo
2. MoonSailor

[ahynte Friend ahynteJoin date: August 2014Posts: 26Downloads:55Uploads:4 Thanks: 8 Thanked: 1 times in 1 posts]

#552633

<em>@TomC 409185 wrote:</em><blockquote>Yes – All you need do is designate the image path for the image within a “background” property for that element.</blockquote>

How is that accomplished? I have tried to edit the Template.css and was to no avail. My page address is http://www.Ablissstudios.com/newsite2

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#552717

Hi @ahynte,

Could you please provide a temporary back-end account via private reply so I can have a look at your site ?

[Author]

Posts