Magazine theme 2.4.4+

Magazine theme 2.4.4+

by Sarah Jane -
Number of replies: 8

I am trying to add a background image but the settings are to repeat this - can anyone tell me where to go to change the background settings for no repeat.

I have tried changing the core.css to no repeat but this doesn't seem to work.

many thanks sarah

 

Average of ratings: -
In reply to Sarah Jane

Re: Magazine theme 2.4.4+

by Sarah Jane -

could anyone please help me on this.

many thanks Sarah

In reply to Sarah Jane

Re: Magazine theme 2.4.4+

by Seth Mengal -

Just to be sure, hope you have Purged All Caches / Clear Theme Caches?

In reply to Sarah Jane

Re: Magazine theme 2.4.4+

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

Hi Sarah,

It all depends on what you have changed and where you have changed it.

Can you tell me where you have added the background image and what exactly was the mark-up that you added to get the background to show up?

Adding no-repeat instead of repeat in CSS would be the correct thing to do. But if the original was written in longhand then you would need to have written...

background-repeat: no-repeat;

So it all hinges on where and how you added this css?

Please tell me!!!

Thanks

Mary

In reply to Mary Evans

Re: Magazine theme 2.4.4+

by Sarah Jane -

Hello Mary

I am in Magazine>style>core.css>

#outercontainer {
    width: 91%;
    min-width: 910px;
    margin:0 auto;
    background-position: 78% 100%;
    padding: 1%;
    background: url([[pix:theme|contback]]);
    border: 1px solid #dadada;
}

#container {
    width: 100%;
    margin:0 auto;
    background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
    border: 1px solid #dadada;
}

I have assumed I need to remove repeat and place no-repeat in both containers.

I have tested this but nothing seems to happen.

In reply to Sarah Jane

Re: Magazine theme 2.4.4+

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

What you need to do is first enable Theme Designer Mode this link will tell you how to do that.

Next make sure your CSS looks like this...

#outercontainer {
    width: 91%;
    min-width: 910px;
    margin:0 auto;
    background-position: 78% 100%; /** delete this line **/
    padding: 1%;
    background: url([[pix:theme|contback]]) 78% 100% no-repeat; /** add the highlighted **/
    border: 1px solid #dadada;
}

#container {
    width: 100%;
    margin:0 auto;
    background: #fff url([[pix:theme|post_grid]]) repeat-y no-repeat 21% 100%; /** add the green but remove the pink highlighted code **/
    border: 1px solid #dadada;
}

In reply to Mary Evans

Re: Magazine theme 2.4.4+

by Sarah Jane -

Hello Mary

I am still struggling with adding an image without repeat I have followed your instructions above but it just doesn't seem to make any difference.  I have tried to use firefox bug but cant make it out.  site  http://www.pd-hub.com

Please view screen shot -  your help with this would be so very helpful.

Sincere thanks Sarah x

Attachment Screen Shot 2014-05-06 at 12.04.09 (1).png