Connect Royal theme block width

Connect Royal theme block width

by Sophie Ricci -
Number of replies: 8

Hi,

I'd like to change Connect Royal theme right blocks width, but don't know how to locate place to change code.

Unfortunately, no one answers in discussions about this theme.

Have you got hints ?

Regards,

Sophie Ricci

Average of ratings: -
In reply to Sophie Ricci

Re: Connect Royal theme block width

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

Hi,

I have not used this theme so I am not sure if you can change the width of the side bars easily. Usually this is done in style/pagelayout.css, but you will find it complicated. Unfortunately I don't have the time to check this out. But please do have a go as setting width. and if you get into difficulty just ask again.

HTH

Mary

In reply to Mary Evans

Re: Connect Royal theme block width

by Sophie Ricci -

Thanks you.

This file doesn't exist in Connect Royal (connect core) theme ; "block" file content doesn't seem to be the same. 

But I could take exemples from other pagelayout.css

Best regards

Sophie

In reply to Sophie Ricci

Re: Connect Royal theme block width

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

Hi Sophie,

If neither theme have a pagelayout.css or anything remotely like it, then it looks like the page layout is used via the parent theme. I'll take a look at this as it sounds very complex.

Cheers

Mary

In reply to Sophie Ricci

Re: Connect Royal theme block width

by John St -

Connect royal doesn't have any stylesheets as it seems to inherit from connect core. So, you could add to core.css (in connect core) something like the css code below. It sets the block widths to 280px. You can see there is some low level math... :

#page-content #region-main-box {
left: 280px;
}

#page-content #region-pre {
left: 280px;
width: 280px;
}

#page-content #region-post {
width: 280px;
}

#page-content #region-post-box {
margin-left: -560px;
}

#page-content #region-main {
margin-left: 560px;
}

.side-pre-only #page-content #region-post-box {
margin-left: -280px;
}

.side-pre-only #page-content #region-main {
margin-left: 280px;
}

.side-post-only #page-content #region-post-box {
margin-left: -280px;
}

.side-post-only #page-content #region-main {
margin-left: 280px;
}
In reply to John St

Re: Connect Royal theme block width

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

@ John

you gone and beat me to it! LOL

In reply to Mary Evans

Re: Connect Royal theme block width

by John St -

I was just doing something similar so the code was right at my fingertips... smile 

In reply to John St

Re: Connect Royal theme block width

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

I was making lunch! LOL

In reply to Mary Evans

Re: Connect Royal theme block width

by Sophie Ricci -

Perfect ! Thank you very much, both of you.

And : "Bonjour de Paris !"

Sophie