Joomla Templates Club 406,261 posts

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#157992

i changed the background from the ordinary white into a colored image one.
so there are changing some menuebars with former rounded corners into bars with sharp corners.

for excample the “home”menue bar just below the slideshow is in your standard blue (rounded). if you change the background you got little white straight corners. probably it is because the programmer just lay a white plane behind it – so with a white background you will not see.

so how to get the bar fillet accurately?

i know its not your content but simular problem and may yougot a answer on that:
got the same problem with some jomsocial bars but they´re transparent. how do i fill them white?

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369028

You will have to edit the images used in JA Helio as they have images to make the rounded corners. Helio is quite an old template, back from a time where transparency was not supported in all browsers and png problems were aplenty. Recent templates use different methods.

1 user says Thank You to Phill for this useful post

1. chrisreitz

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#369133

but where to find the images names in the css menue – which are responceable for the background colour of the ” home bar” for excample. i guess i have to overwrite the old images or change the name in the css menue to modified the look.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369134

Please provide a link to your site and I will post examples to help get you started.

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#369138

can´t do that yet, sorry.
just take the helio standard page as an example. only thing for me to know is where to find the destination in the css menue where is written to fill the “home bar” blueish with the name of the contented image.

http://www.joomlart.com/demo/#templates.joomlart.com/ja_helio

thanks in advance

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#369164

No css required, simply open the images from template>ja_helio>image folder and edit in Gimp or Photoshop then re-upload overwriting the existing ones.

If you want to use transparent png files instead of .gif files then use Firebug for Firefox to work out what css to change.

For instance, the home bar is an image called templates/ja_anion/images/h3-bg-hilite.gif and the css that displays it is in template.css line 973 for the right hand side


#ja-pathway {
background: url("../images/h3-bg-hilite.gif") no-repeat scroll right center transparent;
display: block;
float: left;
height: 30px;
margin: 0;
padding: 0;
width: 100%;

}


and line 961 for the left


#ja-pathwaywrap {
background:url("../images/h3-bg-hilite.gif") no-repeat scroll left center #00B0DB;
color:#FFFFFF;
display:block;
font-weight:bold;
height:30px;
margin:0 5px 10px 0;
overflow:hidden;
padding:0 0 0 25px;
white-space:nowrap;

}

1 user says Thank You to Phill for this useful post

1. chrisreitz

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#369168

thanks a lot, that was very helpful !!!

[Author]

Posts