fbpx
Welcome, Guest
Username: Password: Remember me

Need a new feature in Astroid?

Submit feature requests on github and help improve Astroid.

Submit Now
  • Page:
  • 1
  • 2

TOPIC: Background position

Background position 3 months 6 days ago #13718

  • resif
  • resif's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
Hi
i am using JD Consult... i want to make my Background position like my attachment
my web side is www.ondanbana.com
how can i do

i found the that code in index.php
//Body Background Image
if ($bg_image = $this->helix3->getParam('body_bg_image')) {

    $body_style = 'background-image: url(' . JURI::base(true) . '/' . $bg_image . ');';
    $body_style .= 'background-repeat: ' . $this->helix3->getParam('body_bg_repeat') . ';';
    $body_style .= 'background-size: ' . $this->helix3->getParam('body_bg_size') . ';';
    $body_style .= 'background-attachment: ' . $this->helix3->getParam('body_bg_attachment') . ';';
    $body_style .= 'background-position: ' . $this->helix3->getParam('body_bg_position') . ';';
    $body_style = 'body.site {' . $body_style . '}';

    $doc->addStyledeclaration($body_style);
}

And css like this but i cant change that bcos its on helix interface on admin
body.site {
    background-image: url(//cdn.joomdev.com/images/sevgiligunu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
Attachments:
Last Edit: 3 months 5 days ago by resif.
The administrator has disabled public write access.

Background position 3 months 3 days ago #13749

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello,

Please for the following steps:
1 Go to templates\jd_consult\css
2 create new custom.css
3 custom.css, paste your code
4 index.php, code remove
www.screencast.com/t/aVwROzGEK3

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Background position 3 months 3 days ago #13755

  • resif
  • resif's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
which code should i remove..
body.site {
    background-image: url(//cdn.joomdev.com/images/sevgiligunu.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;

this code already no anywhere...

i want to edit index.php that code... and want add my css example : body.site1


if ($bg_image = $this->helix3->getParam('body_bg_image')) {

    $body_style = 'background-image: url(' . JURI::base(true) . '/' . $bg_image . ');';
    $body_style .= 'background-repeat: ' . $this->helix3->getParam('body_bg_repeat') . ';';
    $body_style .= 'background-size: ' . $this->helix3->getParam('body_bg_size') . ';';
    $body_style .= 'background-attachment: ' . $this->helix3->getParam('body_bg_attachment') . ';';
    $body_style .= 'background-position: ' . $this->helix3->getParam('body_bg_position') . ';';
    $body_style = 'body.site {' . $body_style . '}';

    $doc->addStyledeclaration($body_style);
}
Last Edit: 3 months 3 days ago by resif.
The administrator has disabled public write access.

Background position 3 months 3 days ago #13761

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Hello,

Do not remove the code from index.php the code is there by default
The backend has the option for background settings. Please check
Extensions > template > style > default template
www.screencast.com/t/ceEu5rQabj

Thanks,
Mukesh
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Background position 3 months 3 days ago #13762

  • resif
  • resif's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
why you want to doing left top...
my desire like is like attacment
rigt top and fixed and covered...

i just want to add some % values to position
like....
background-position: 70% 10%;
}
Attachments:
Last Edit: 3 months 3 days ago by resif.
The administrator has disabled public write access.

Background position 3 months 2 days ago #13781

  • roshan jajoriya
  • roshan jajoriya's Avatar
  • Offline
  • Administrator
  • Posts: 84
  • Thank you received: 17
  • Karma: 5
Hello
Hope you are doing well !!!
I checked your issue and here is solution below

Set background size as inherit in your administrator template setting
Path :- Extensions > template > Styles
Open your Default template then find ' BODY BACKGROUND IMAGE '

After this put your css code in custom.css
Path :- templates\jd_consult\css
Create a custom.css file

Css code
html body.site{
    background-position: 70% 10%;
}

Hope it will help you well
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
Last Edit: 3 months 2 days ago by roshan jajoriya.
The administrator has disabled public write access.
The following user(s) said Thank You: resif

Background position 3 months 1 day ago #13808

  • resif
  • resif's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
thank you its done but i want to editit also for responsive modes

480px and other....

how can i edit?
The administrator has disabled public write access.

Background position 3 months 1 day ago #13823

  • Mukeshraj
  • Mukeshraj's Avatar
  • Offline
  • Moderator
  • Posts: 182
  • Thank you received: 41
  • Karma: 7
Use for media query css for all devices

@media screen and (min-width:480px) and (max-width:750px){
	html body.site{
		background-position: You set the background;
	}
}
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Background position 1 month 3 weeks ago #15008

  • resif
  • resif's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: 0
is it for custom.css ?
The administrator has disabled public write access.

Background position 1 month 3 weeks ago #15017

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 396
  • Thank you received: 57
  • Karma: 13
Yes

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.171 seconds

JD Builder - The Next Generation
Joomla Page Builder


Now Design any Layout with Drag and Drop Interface.