Joomla Templates Club 406,261 posts

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#198961

This used to be where you can edit the width and height of search area in JA Social
/templates/ja_social/css/template.css

I downloaded ja social3 t3v2 and i can’t find it in there
Can someone let me know the new directory for editing the width and heigh of the search area is

thanks

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

#539404

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

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#539405

Hi,

I’m working on localhost

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#539406

This is a picture of what I’m work on – i want to enlarge the picture

---

Attachments:

1. 

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

#539407

As you are using the T3V2 version of JA Social, here is what you can do . . . . .

If you haven’t yet done so, create new file called “custom.css” within file path –> /templates/ja_social/css
(so the file path is –> /templates/ja_social/css/custom.css)

Within that custom.css file, paste the following CSS rules:


.head-search {
float: right;
height: 29px;
width: 215px;
}

.head-search .input {
background: none repeat scroll 0 0 #1f7c9f
border-color: #48b4db
border-radius: 4px 0 0 4px;
box-shadow: 1px 1px 5px -2px #000 inset;
color: #fff
float: left;
padding: 4px 9px;
width: 125px;
}

.head-search .button {
border-radius: 0 4px 4px 0;
float: left;
padding-left: 4px;
padding-right: 4px;
text-transform: uppercase;
width: 65px;
}

With these CSS rules, you can modify/customize the look of your search area.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. raroit

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#539413

It helps thanks,

How can i centre the picture (or reduce top padding) in head search area

When i increase the width: e.g. 215px; to 415px, the picture enlarges down

---

Attachments:

1. 

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

#539552

<em>@raroit 432910 wrote:</em><blockquote>It helps thanks,

How can i centre the picture (or reduce top padding) in head search area

When i increase the width: e.g. 215px; to 415px, the picture enlarges down

</blockquote>

To help you with the particular customization, it would be most helpful to be able to view your site online.
Is there any way you can upload your site to your webhost and provide the url?

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#539557

Hi,

ok, i can upload the website. it will take couple days and i send url when its done

thanks

1 user says Thank You to raroit for this useful post

1. TomC

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

#539558

<em>@raroit 433079 wrote:</em><blockquote>Hi,

ok, i can upload the website. it will take couple days and i send url when its done

thanks</blockquote>

No problem … I’ll keep an eye out for your follow-up.

[raroit Friend raroitJoin date: September 2010Posts: 38Downloads:2Uploads:17 Thanks: 3 Thanked: 2 times in 1 posts]

#540426

Hi

This is for the thread: where to find head search in ja social3 T3 v2

Finally loaded the site at: http://www.transport.co.ck

thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#540754

You can increase the width of the head search part via this file: templatesja_social_t3tplsblocksheader.php and change the number of span (make sure that the total span must be equal to 12): http://prntscr.com/3y8tbn

Then in templatesja_social_t3csscustom.css file, add this css rule:


.head-search{
float: left !important;
}


[Author]

Posts