Joomla Templates Club 406,261 posts

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#203389

Good day

I Would like to change the size of the text in the logo, i never struggle with logo but for some reason i cant seem to figure this one out

The logo text is to small. i would like for the text to fit in the in the rest of the space available

I tried to change the following code with no success, don’t know if its the right code to change

.logo-image small {
color: #a5a5a5
text-transform: uppercase;
font-size: 10px;
}
.logo-text a {
text-decoration: none;
font-size: 30px;
font-weight: bold;

Kind Regards

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#557818

Hi there
Please use this code


.logo-image span {
font-family: "Roboto", serif;
color: #424242
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
padding-top: 3px;
font-size: 54px;
}


Remove font-size value with your own.

Thank you,
Viet Vu

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#557820

Thank you i see the text size increasing but how can I extend the box size for the text

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#557828

Hi there,
To do that you’ll need check into layout file and edit bootstrap 3 class
Logo position


<div class="col-xs-10 col-sm-10 col-md-3 logo">
<div class="logo-image">
<a href="/" title="Young Health Centre">
<img class="logo-img" src="/images/younghealth/Logo/logoMini.png" alt="Young Health Centre">
<span>Young Health Centre</span>
<small class="site-slogan"></small>
</a>
</div>
</div>



.col-md-3 {
width: 25%;
}

For navigation


col-xs-12 col-sm-12 col-md-9


Please check twitter bootstrap for detail document

http://getbootstrap.com/css/#grid-options

Thank you,
Viet Vu

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#563431

Hi Viet

I know its been ages since i replied tot this thread but had alot of other projects that had to take priority

Were can i find this file? i tried to look but could not find the layout file

Kind Regards
JP

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563487

Hi there
You can use search string to locate that:
templatesja_medicaretplsblocksheader.php
Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. jp

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#563727

Hi Viet

Thanks for the quick reply

I cant seem to get this right. I change the code in ja_medicate/css/template.css and nothing happens, when changing it in firebug it works. im not sure were to put in the extra code in the header.php…

would you mind if i give you ftp details or just telling me were im going wrong?

Kind Regards
JP

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#563733

Hi there
Please do not touch into core css file. Instead of that you can work on custom.css

http://www.t3-framework.org/documentation/customization.html

Thank you,
Viet Vu

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#566108

Hi Viet

Im not sure what to change, refering me to the bootstrap documentation did not help, if i could have figure it out myself i would have

what should i do with the following

Hi there,
To do that you’ll need check into layout file and edit bootstrap 3 class
Logo position
Code:
<div class=”col-xs-10 col-sm-10 col-md-3 logo”>
<div class=”logo-image”>
<a href=”/” title=”Young Health Centre”>
<img class=”logo-img” src=”/images/younghealth/Logo/logoMini.png” alt=”Young Health Centre”>
<span>Young Health Centre</span>
<small class=”site-slogan”></small>
</a>
</div>
</div>
Code:
.col-md-3 {
width: 25%;
}
For navigation
Code:
col-xs-12 col-sm-12 col-md-9

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#566112

Hi there
If you can’t work on it. Please let me know what’s exactly you want to change and provide your site backend & CPanel access. I’ll help you work on it.

Thank you,
Viet Vu

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#567190

Hi Viet

I did send you a PM with the joomla backend and ftp details but still no change?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#567193

Hi there
I’m on it now . Sorry delayed your topic. I have no receive notification from this topic.

Thank you,
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#568496

HI there
I have updated grid from 3-9 to 4-8. Please check it at your side.

<div class="col-xs-10 col-sm-10 col-md-4 logo">
<div class="logo-<?php echo $logotype, ($logoimgsm ? ' logo-control' : '') ?>">
<a href="<?php echo JURI::base(true) ?>" title="<?php echo strip_tags($sitename) ?>">
<?php if($logotype == 'image'): ?>
<img class="logo-img" src="<?php echo JURI::base(true) . '/' . $logoimage ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<?php if($logoimgsm) : ?>
<img class="logo-img-sm" src="<?php echo JURI::base(true) . '/' . $logoimgsm ?>" alt="<?php echo strip_tags($sitename) ?>" />
<?php endif ?>
<span><?php echo $sitename ?></span>
<small class="site-slogan"><?php echo $slogan ?></small>
</a>
</div>

</div>

<!-- //LOGO -->

<!-- MAIN NAVIGATION -->
<div id="t3-mainnav" class="col-xs-12 col-sm-12 col-md-8">
<div class="appointment-content <?php $this->_c('appointment') ?>">
<jdoc:include type="modules" name="<?php $this->_p('appointment') ?>" />
</div>

<nav class="pull-right navbar navbar-default t3-mainnav">

<?php if ($this->getParam('navigation_collapse_enable')) : ?>
<div class="t3-navbar-collapse navbar-collapse collapse"></div>
<?php endif ?>

<div class="t3-navbar navbar-collapse collapse">
<jdoc:include type="<?php echo $this->getParam('navigation_type', 'megamenu') ?>" name="<?php echo $this->getParam('mm_type', 'mainmenu') ?>" />
</div>

</nav>
</div>

/public_html/templates/ja_medicare/tpls/blocks/header.php

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. jp

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#569469

Hi there
Just wonder it’s your needed and topic is solved ?

Thank you,
Viet Vu

[jp Friend jpJoin date: April 2012Posts: 105Downloads:14Uploads:32 Thanks: 32 Thanked: 5 times in 2 posts]

#569517

Viet

there is not the desired changed?

the logo is bigger but it does not fit into the desire space. look at the big white space still left before the menu starts

the text can be smaller as long as it fits and fill the empty space

---

Attachments:

1. 

[Author]

Posts