1. timoliciouZ
  2. Commercial Templates
  3. Saturday, 08 March 2014
  4.  Subscribe via email
Hi,

can somebody explain me (step by step) how to Change the Background Color of the social media Icons or where I can find the Images in order to Change the Images in photoshop?

I'm using J51 Letterpress and I've changed the header color to White. This effects that the Icons are invisible as Long as the mouse isn't moving over.

Thanks in advance!
Accepted Answer Pending Moderation
0
Votes
Undo
And one more question:

I converted the search field into a module Position as shown in http://www.joomla51.com/tutorials/item/converting-the-search-field-to-a-module-position and it worked fine for me but if I put in a 48px high Image, it doesnt align to the middle of the main menu and layers above my slideshows:(

is there a way to align the modul position search to the vertical Center of the main menu bar?
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To change your social icons to a darker version try adding the following to the Custom CSS field of your templates parameters..


#socialmedia ul li a{background-position: 0px 0px !important;}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Would you have a URL to an example of your 'search' module position issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
yes but it's not finished, i dont want to Show it before i finished the site. is there a way to send you a PN in this Forum?

works fine, but isn't there a possibility to Change the Background Color of the Icons to a Grey? i'm using Google+ und Facebook only, and if it's both just black letters, it doesnt look really well because the G and the f are in different heighs

to fix both of my Problems i could also Imagine to Change the Position of the social media Icons with the search module Position, is this possible or not easy for a newbie?

here is what i'm talkin about in a Picture:

the dtv Image is in the search module Position but overlays the Showcase although it could fit perfectly into the menu bar... Problem seems that it's set to the vertical Center of the bar
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
I tried how it would look in Photoshop, best way would be to just Change the positions between the social media plugins (to the menu bar) and the search Position, is it possible?
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To move your social icons in the area of the search module try adding the following to the Custom CSS field of your templates parameters...



#socialmedia {
right: 10px;
top: 119px;
z-index: 99;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Workes and fits perfect, thank you very much!

Can you tell me the name of the module position, where the social media Icons were located, too? I would like to use the free space now.

And a last question I couldn't find an answer for in the tutorials : is there any way to Change the font size of the logo?
I know I could use a logo Image instead of the script, but for SEO it would be nicer if I could use the script with a smaller size.

Many thanks for the good Support!
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
I'm sorry to have so many questions but there's one more not really working...

on mobile devices the hornav menu text is not shown when I open the menu, screenshot attached.
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

The search area by default is not actually a module position however can be converting to one by using the method described in the following tutorial.. http://www.joomla51.com/tutorials/item/converting-the-search-field-to-a-module-position

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
To edit the color of your mobile menu items try adding the following to the Custom CSS field of your templates parameters...


.js .selectnav {
color: #000000 !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Accepted Answer Pending Moderation
0
Votes
Undo
The custom css code for the mobile menu helped me a lot, thank you.

I didnt mean the search field Position, already converted it. I would like to place some Content/Picture at the Position where the social media Icons were located before. I Need a Position on the right side of the Header, above the main menu.

thank you for your help!
  1. more than a month ago
  2. Commercial Templates
  3. # 11
Accepted Answer Pending Moderation
0
Votes
Undo
To do so you will need to create a new module position for your content in the header area of your template. To do so may I suggest the following tutorial... http://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 12
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok