Replies to This Discussion

Permalink Reply by Robert Flindall on June 26, 2011 at 9:04am

Hi Sora - thanks for the reply! :) 

I've posted over on Creators as well to see if someone knows what the new CSS might be to accomplish this.

Rob

Permalink Reply by Michel Poisson on June 30, 2011 at 12:48pm

It doesn't work in DS.

I have posted a thread on NC to find if there was an equivalent for DS.

No reply =(

 

This is a brilliant idea as many new members are not quite sure if they are posting a blog or a discussion. Different header images would do the job.

 

Permalink Reply by Robert Flindall on June 30, 2011 at 11:20pm

I agree.  I'm really hoping that someone out there will be able to help us out with the different mastheads.  Having different mastheads on my site will be absolutely fantastic.

What I'm also wondering is if there is a bit of CSS that will allow different mastheads for different groups!  That would really allow for custom pages for each group.  It could also be a source of income in charging a small nominal fee to have a custom "look" for groups.

I'm really keeping my fingers crossed on this one!

Rob

Permalink Reply by JenSocial on July 1, 2011 at 1:05am

Hi Sora.

=)

Permalink Reply by JenSocial on July 1, 2011 at 1:05am

I'm going to try and look at this soon.

Best,

Jen

Permalink Reply by Robert Flindall on July 4, 2011 at 3:53am

Oh boy!  You've got me really excited! :D

Rob

Permalink Reply by soʀa on July 4, 2011 at 4:16am

HI.

 

When i see the html structure of the new ds

it won't work, this only works if xg_masthead is inside the .xg_widget tag (like in the old editor)

 

However you can do something similar.

As you see the #xg in the new DS only wrapping #xg_body instead of wrapping #xg_masthead, #xg_head #xg_navigation like in the old editor

So you can do something like changing #xg_masthead but now changing #xg_body

 

How?

First

in the new DS #xg is only wrapping #xg_body so if you are using repeated image background for the body i suggest doing that in the #xg section

 

Second

Doing something like something bellow in the #xg_body (make sure your image width is the same as your current #xg_body width)

something like this

.xg_widget_[depending on the page] #xg_body {

padding-top: [yourimageheight+10px for some margin];

background-color: transparent !important;

background-image:url(your_image_url);

background-position:top center;

background-repeat:no-repeat;

}

 

That's the concept of changing masthead or now body in the new DS

This way you can attain the same effect as changing masthead :). If you are having trouble attaining this effect please just post something in this thread.

 

Sorry, I was somehow busy in my summer days because of design work, and just look this thread seriously today.  Enjoy!

 

Sorachii

Permalink Reply by Michel Poisson on July 4, 2011 at 12:30pm

The code to add images under the masthead, in the body, works fine. I'll certainly find a use for it.

I can't figure the right syntax to change the masthead itself ...

Permalink Reply by soʀa on July 4, 2011 at 12:42pm

#xg_masthead {

background-image:url(image_url) !important;

background-position: 0 0;

height:300px;

}

something like this.

Permalink Reply by Michel Poisson on July 4, 2011 at 1:29pm

This seems to be the same as your original tip:

.xg_widget_profiles_blog #xg_masthead {background-image:url(your_image_url/bla.jpg) !important;}

 

which didn't work in DS

Permalink Reply by soʀa on July 4, 2011 at 1:37pm

.xg_widget_profiles_blog

this won't work because there isn't #xg_masthead in .xg_widget_profiles_blog

i've tried ds before, and using #xg_masthead only would be fine

Permalink Reply by Michel Poisson on July 4, 2011 at 1:43pm

That would change the masthead for the whole site.

How do we know which page gets which masthead?

 

That's where you loose me in the dust =)

• ‹ Previous
• 1
• 2
• 3
• Next ›
• Page