Float a scrapbook item right or along side menu items?

Permalink Browser Info Environment
Hi,

thanks for looking,

This is probably a simple one, but i've got the scrapbook code in the view.php file but i'm wondering how i float my content to the right hand side of the menu items, currently its sitting above?

code:
/////////////////////// - start of customisable area
      //add any custom blocks from scrapbook here eith BEFORE or AFTER an existing menu element (UL or LI). Please note, no "script" tags allowed to ensure valid HTML.
      $outputjs .= $controller->getBlockFromScrapbookBefore('.pid-89','testcontent');
      /////////////////////// - end of customisable area


thanks for looking guys!

Type: Discussion
Status: New
obaluba
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi, you'll need to add some CSS code to your site's theme along these lines:
.pid-89{
float:right;
width:100px;
}



If you can send through a URL where you've installed this block I can make a more specific CSS suggestion.

Hope this helps.

JB
obaluba replied on at Permalink Reply
obaluba
Thanks JB,

I tried this but it still leaves the content above.

I've sent you a PM

thanks for looking
jb1 replied on at Permalink Reply
jb1
I've done a couple screenshots to get you started:
http://screencast.com/t/BGBfVZUQuK...
http://screencast.com/t/6wHFQj5bzf...

This probably needs some more polishing, but you can see the CSS code I added to make it float to the right.

If you need custom CSS coding services, we do offer a paid customisation service. Just let me know if you're interested.

Hope this helps.

JB
obaluba replied on at Permalink Reply
obaluba
Thanks JB,

Did you put the float css in the view.php file? I am so close to solving this I think/hope!
jb1 replied on at Permalink Reply
jb1
I just used google chrome's inspector tool to make those changes on the fly, but I'd suggest saving those in the style sheet file.
obaluba replied on at Permalink Reply
obaluba
thanks JB,

I added this to my themes style.css but its not floating it right?

.mmnext-prepend-pid-102 {
   width: 130px;
   float:right;
}


i've also tried

.pid-102 {
   width: 130px;
   float:right;
}


my view.php looks like this:

$outputjs .= $controller->getBlockFromScrapbookBefore('.pid-102','MenuWhatWeDo');


I know its simple stuff, but for some reason it just wont float!!

thanks for looking though, much appreciated :)
obaluba replied on at Permalink Reply
obaluba
Hi JB,

Was the above correct as you see it?

thanks for looking
jb1 replied on at Permalink Reply
jb1
yeah, the 2nd one looks right. But it might require a bit more CSS tweaking for other elements on the menu. You may also need to adjust the number of columns per row (in Mega Menu). It's a bit of trial and error until you get it just right. The parent DIV tag might also need a width assigned to it.

Please note, I'm unable to provide further free general CSS support on this topic. However, if you require paid customisations, I'm more than happy to provide a quote.

Best of luck.

JB
obaluba replied on at Permalink Reply
obaluba
Thanks JB, got it sorted, finally!

thanks for your help!
jb1 replied on at Permalink Reply
jb1
Great to hear :-)

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.