1. rmu
  2. Commercial Templates
  3. Saturday, 31 May 2014
  4.  Subscribe via email
Hi

1. How can I set my background image, that it will not zoom in with high resolution browser-windows (see http://demo.joomla51.com/0104/index.php)? I want to display the whole picture like with small resolution browser-windows. Now the background image is getting larger, the bigger the browser window is. Therefore with my fullscreen browser (full hd) the quality of the background image is very low because of the automatic zoom.

[color=#ff0000]Edit: I found a solution by adding following custom code to the template parameters:
#container_header {
background-position: right top !important;
background-size: auto auto !important;
}

@media only screen and (max-width: 570px) and (min-width: 0px) {
#container_header {
background-image: none !important;}
}
Is there a possibility to shrink the full header for low resolutions?[/color]

2. How can i resize or edit the area at the bottom of the template between the lowest horizontal line and the content area. I mean how can I customize the area, where the "Contact Details" is located in the footer?

Thanks for the great template and the support!
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

1. Thank you for posting your solution!

2. This are of the template is control by the base-1# and base-2# module position as indicated here.. http://demo.joomla51.com/0104/index.php/features/module-positions

To remove the top spacing of this area you can add the following to the Custom CSS field of your templates parameters...


#container_base {
padding-top: 0;
}


To remove the bottom spacing you can also add the following...


#base.block_holder {
padding-bottom: 0;
}


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


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