Joomla Templates Club 406,261 posts

[elaine millward Friend elaine millwardJoin date: September 2014Posts: 31Downloads:0Uploads:2 Thanks: 5]

#137487

i would like the search box in the breadcrumb section and bigger e.g. height and width bigger been trying this for a few hours if you could let me know what I need to do that would be great. When I put the position on “Breadcrumb” nothing happens. Thanks.

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#288229

<em>@elainemillward01 108167 wrote:</em><blockquote>i would like the search box in the breadcrumb section and bigger e.g. height and width bigger
</blockquote>
Height and width of all page elements can normally be adjusted in template.css. I would need to see your live site to tell what piece of code in the css.
If you want to place the search box next to the breadcrumb’s path you will need to edit the template.css and the index.php. This will be more work. I recommend Dreamweaver as editor.

[elaine millward Friend elaine millwardJoin date: September 2014Posts: 31Downloads:0Uploads:2 Thanks: 5]

#288940

Thank you for your reply, I have managed to get the search in the position I want but would like this bigger and on the same position on all pages – if you could help that would be excellent. Thanks.

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#289092

In template.css you could change .inputbox and .button, .button:hover which you could give width and height to make it bigger. I would div.search in front of the two as well so not all input boxes will be affected.

div.search .inputbox {template.css (line 183)
border:1px solid #999999;
height:30px; /* added */
margin-bottom:1px;
}
div.search .button, .button:hover {template.css (line 177)
height:30px;
}
div.search input, select, textarea, .inputbox {template.css (line 166)
font-family:Tahoma,Arial,sans-serif;
font-size:140%;
padding:1px;
}

But then we aren’t done yet as it still doesn’t look that good. I would still need to play around with it some more. Will try to find the time. The addition of div.search in front of all changed classes to only affect the search input box I haven’t checked yet so you might have to remove div.search …

1 user says Thank You to rhand for this useful post

1. elaine millward

[Author]

Posts