Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Rockin" Joomla template.

Topic-icon Is it Possible to Change Width to Percentage % ?

More
6 years 6 months ago #5872 by tenoch
tenoch created the topic: Is it Possible to Change Width to Percentage % ?
Hi
I want to modify css files, to make Width 98%, and not in pixels

Is it possible?
How can I do this?

Thanks

Please Log in to join the conversation.

More
6 years 6 months ago - 6 years 6 months ago #5873 by pirossi
pirossi replied the topic: Re: Is it Possible to Change Width to Percentage % ?
The easiest way for that is to edit templates\hot_rockin\css\template_css.php and add these two lines:
margin-left: 1% !important;
margin-right: 1% !important;
inside body to look like this:
body  {
	color:<?php echo $bodyText; ?>;
	margin-left: 1% !important;
	margin-right: 1% !important;
}

You can experiment with the values.
Last Edit: 6 years 6 months ago by pirossi.

Please Log in to join the conversation.

More
6 years 6 months ago #5875 by tenoch
tenoch replied the topic: Re: Is it Possible to Change Width to Percentage % ?
Hi

I tried it, but it did not worked

This only added a margin of 1% on each side, but main content still does have the pixel width restriction that the template have in Adminstration


Thanks
Regards

Please Log in to join the conversation.

More
6 years 6 months ago #5876 by tenoch
tenoch replied the topic: Re: Is it Possible to Change Width to Percentage % ?
ok
I found how to do it

I Replaced this:
.wrapper,.footer_wrap,.main_area {
	width:<?php echo $templateWidth; ?>px;
}

<?php
$bottomWidth = $templateWidth + 16;
?>

.bottom {
	width:<?php echo $bottomWidth; ?>px;
}

<?php
$pathWidth = $templateWidth - 230 - 468;
?>

.path {
	width:<?php echo $pathWidth; ?>px;
}

#content_wrap {
	width:<?php echo $contentWidth; ?>px;
}

With this:
.wrapper,.footer_wrap,.main_area {
	width:<?php echo $templateWidth; ?>%;
}

<?php
$bottomWidth = $templateWidth;
?>

.bottom {
	width:<?php echo $bottomWidth; ?>%;
}

<?php
$pathWidth = $templateWidth - 230 - 468;
?>

.path {
	width:<?php echo $pathWidth; ?>px;
}

#content_wrap {
	width:<?php echo $contentWidth; ?>%;
}

Regards

Please Log in to join the conversation.

Time to create page: 0.139 seconds

Links, Partners and Social Media