Ttdfjt

What steps would an amateur scientist have to take in order to get a scientific breakthrough published?

Why did House of Representatives need to condemn Trumps Tweets?

How does one get an animal off of the Altar surreptitiously?

Did the Americans trade destroyers in the "destroyer deal" that they would later need themselves?

How can I kill my goat?

How should Scrum and Kanban teams track Continuous Improvement activities?

Does Wolfram Mathworld make a mistake describing a discrete probability distribution with a probability density function?

Received the truth in the love of it

Why is the number of local variables used in a Java bytecode method not the most economical?

Why not notify faculty candidates of the position being filled?

How could Nomadic scholars effectively memorize libraries worth of information

List of visa access for each country

Why isn't there any 9.5 digit multimeter or higher?

What container to use to store developer concentrate?

How can Paypal know my card is being used in another account?

Are fretless stringed instruments used mainly for melody?

Dual nationality and return to US the day the US Passport expires

Move the outer key inward in an association

2 weeks and a tight budget to prepare for Z-day. How long can I hunker down?

Sci-fi change: Too much or Not enough

Does dual boot harms laptop battery or reduces it's life?

Desktop app status bar: Notification vs error message

Can a US President, after impeachment and removal, be re-elected or re-appointed?

How many oliphaunts died in all of the Lord of the Rings battles?

Responsive a static block - Magento 1.9.2

Full Width SliderStatic block slider issueMagento Responsive CSS blockWYSIWYG editor in static block is deleting HTML codeMagento 1.9.2 Responsivebannerslider sider not workingStatic block non functionalStatic blocks rendering short code on front end - after whitelistingHome page stopped importing static blocksMagento responsiveHow do I manually add a permission for a Static Block to the Database?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

0

I was able to create full width sliders on a single page using custom css added to the design tab for the page:

<reference name="head">
 <action method="addItem"><type>skin_css</type>
 <name>css/fullwidth.css</name><params/></action>
</reference>

However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?

https://www.staging.jewelsbygrace.com

magento-1.9 static-block rwd slider

share|improve this question

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

add a comment | 

1

0

I was able to create full width sliders on a single page using custom css added to the design tab for the page:

<reference name="head">
 <action method="addItem"><type>skin_css</type>
 <name>css/fullwidth.css</name><params/></action>
</reference>

However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?

https://www.staging.jewelsbygrace.com

magento-1.9 static-block rwd slider

share|improve this question

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

add a comment | 

I was able to create full width sliders on a single page using custom css added to the design tab for the page:

<reference name="head">
 <action method="addItem"><type>skin_css</type>
 <name>css/fullwidth.css</name><params/></action>
</reference>

However, static blocks added to that page ignore this and are not responsive. Anybody have any ideas on this?

https://www.staging.jewelsbygrace.com

magento-1.9 static-block rwd slider

share|improve this question

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

<reference name="head">
 <action method="addItem"><type>skin_css</type>
 <name>css/fullwidth.css</name><params/></action>
</reference>

share|improve this question

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

share|improve this question

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

edited Apr 7 '17 at 3:03

PЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

asked Apr 6 '17 at 20:15

Peter WalbergPeter Walberg

1111 bronze badge

2 Answers
2

active

oldest

votes

0

You need to add @media queries on you CSS to making responsive.

share|improve this answer

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

add a comment | 

0

1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.

To add a css file:
in local.xml

<default>
 <reference name="head">
 <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
 </reference>
<default>

2- you can put do your slider on fullwith and responsive using Bootstrap

Forexemple:

<div class="container-fluid"> //fullwith container
 <div class="row">
 <div class="col-md-12">
 //here your slider code
 </div>
 </div>
</div>

share|improve this answer

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
  
  – Peter Walberg
  May 4 '17 at 18:57
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So if this is worked for you, please accept the answer.
  
  – PЯINCƏ
  May 4 '17 at 20:26
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f168037%2fresponsive-a-static-block-magento-1-9-2%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

You need to add @media queries on you CSS to making responsive.

share|improve this answer

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

add a comment | 

0

You need to add @media queries on you CSS to making responsive.

share|improve this answer

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

add a comment | 

You need to add @media queries on you CSS to making responsive.

share|improve this answer

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

share|improve this answer

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

answered Apr 6 '17 at 20:20

Rafael Corrêa GomesRafael Corrêa Gomes

5,10022 gold badges3636 silver badges7171 bronze badges

0

1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.

To add a css file:
in local.xml

<default>
 <reference name="head">
 <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
 </reference>
<default>

2- you can put do your slider on fullwith and responsive using Bootstrap

Forexemple:

<div class="container-fluid"> //fullwith container
 <div class="row">
 <div class="col-md-12">
 //here your slider code
 </div>
 </div>
</div>

share|improve this answer

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
  
  – Peter Walberg
  May 4 '17 at 18:57
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So if this is worked for you, please accept the answer.
  
  – PЯINCƏ
  May 4 '17 at 20:26
  

  
  
  
  

add a comment | 

0

1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.

To add a css file:
in local.xml

<default>
 <reference name="head">
 <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
 </reference>
<default>

2- you can put do your slider on fullwith and responsive using Bootstrap

Forexemple:

<div class="container-fluid"> //fullwith container
 <div class="row">
 <div class="col-md-12">
 //here your slider code
 </div>
 </div>
</div>

share|improve this answer

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This one worked for me! 1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work. To add a css file: in local.xml <reference name="head"> <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action> </reference>
  
  – Peter Walberg
  May 4 '17 at 18:57
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So if this is worked for you, please accept the answer.
  
  – PЯINCƏ
  May 4 '17 at 20:26
  

  
  
  
  

add a comment | 

1- Firstly Check if you have correctly loaded your fullwidth.css to do this open the source code of your website and search fullwidth.css If you find it, check if you have the right path to your file, however if you don't find it it means that your file is not loaded and of course it doesn't work.

To add a css file:
in local.xml

<default>
 <reference name="head">
 <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
 </reference>
<default>

2- you can put do your slider on fullwith and responsive using Bootstrap

Forexemple:

<div class="container-fluid"> //fullwith container
 <div class="row">
 <div class="col-md-12">
 //here your slider code
 </div>
 </div>
</div>

share|improve this answer

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

<default>
 <reference name="head">
 <action method="addItem"><type>skin_css</type><name>css/fullwith.css</name></action>
 </reference>
<default>

<div class="container-fluid"> //fullwith container
 <div class="row">
 <div class="col-md-12">
 //here your slider code
 </div>
 </div>
</div>

share|improve this answer

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges

answered Apr 6 '17 at 22:39

PЯINCƏPЯINCƏ

8,62733 gold badges1111 silver badges5050 bronze badges