Joomla Templates Club 406,261 posts

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#189614

change logo text color to white
mcraqa.com

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

#501812

Which “logo image” are you referring to on your site?

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#501817

i need to change the logo image size to w200px h 100px and change the color of the logo text

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

#501819

<em>@arabmeds 384314 wrote:</em><blockquote>i need to change the logo image size to w200px h 100px and change the color of the logo text</blockquote>
Yes, but which logo image? Can you provide a screenshot mock-up of exactly what you are referring to?

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#501828

i uoload image withe size of 200px 100px but i see only just 30% part of the image

---

Attachments:

1. 

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

#501829

To modify the logo image . . .

Within file path –> /t3-assets/dev/rtl/templates.ja_smashboard.less.style.less.css

at line 32, you will see the following:


.logo-image a {
background-image: url("../../../templates/ja_smashboard/images/logo.png");
background-repeat: no-repeat;
display: block;
height: 30px;
width: 170px;
}

This is the CSS rule in which you can modify the height/width parameters.

1 user says Thank You to TomC for this useful post

1. arabmeds

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#501831

thanks its work fine

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#501832

how can i increase the size of keyboard key
see attachment

thanks

---

Attachments:

1. 
2. 

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

#501833

To modify the “keyboard” images . . .

Within file path –> /t3-assets/dev/rtl/templates.ja_smashboard.less.modules.less.css

at line 422, you will see the following:


.ja-keyboard-btns a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
border-radius: 2px 2px 2px 2px;
color: #FFFFFF
float: left;
font-size: 9px;
height: 20px;
line-height: 20px;
margin: 2px;
opacity: 0.5;
text-align: center;
width: 20px;
}

This is the CSS rule in which you can modify the height/width parameters for those icons.

1 user says Thank You to TomC for this useful post

1. arabmeds

[arabmeds Friend arabmedsJoin date: August 2013Posts: 6Downloads:0Uploads:3 Thanks: 3]

#501834

thanks its work but how can i move the keyboard from left side of screen to right
i am sore for disturb you but this is the first time i use joomlart

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#501944

Hi arabmeds,

You can move the keyboard to the right side by creating a custom.css in templates/ja_smashboard/css/ path, then put below codes into:

.t3-footer {
right: 0 !important;
}

[Author]

Posts