HTML, CSS, and Design Help - realmacsoftware

Contact form radio menu with images

DarthPearce — Thu, 04 Apr 2013 15:50:49 +0000

Hi all, I'm trying to replicate the following functionality;

http://www.solarpanelsuk.co.uk/solar-panel-quote.php

where the contact form radio buttons have images with them. I've got Formloom but I can't see any option to include images in that. Anybody know of a way to do this?

How do I position Social Buttons to specific spot?

Faild — Thu, 21 Mar 2013 15:17:01 +0000

Hello, I was wondering how could I insert an image "Social Buttons" on specyfic position on my website? Like you can see on picture where I put FBTG.
I know i have to use CCS code like

div#button {
width: XXpx;
height: YYpx;
position: absolute;
top: YYpx;
left: XXpx;
}

But i really dont know how to make it work

Customize Cart in Payloom

MeepleSoap — Tue, 21 May 2013 01:49:09 +0000

Is there a way to customize the Cart floating sidebar thing when using Payloom? By default, it's white text on a black background and we'd like to change it to purple background instead. Is there a way to do this?

In other words, I would like to change the background from #00000 to #811b97.

My description isn't very good, so I've attached 2 images showing what I'd like to change.

Thanks a ton

Control Column Stack Gutters by Pixels

philn67 — Sat, 18 May 2013 18:23:37 +0000

Im having trouble with the space around my stacks. My layout is based on a grid; 3 columns wide, x however many rows I need for content, so effectively its "tiles", but these vary by content.
Row 1 is a tile 3 columns wide.
Row two 2 columns wide
Row three, four, 2 columns wide.
A right column equal to 1 column wide x 2 rows.
A last row 3 x 1 column.
See attached screen shot.
I have worked on a 20px margin between each and worked up the layout in photoshop to give me the visual. The last column isn't equal but I can correct that, my bad maths.
My problem is with 2 and 3 column stacks having gutters in %. I understand why a % is useful but it causes problems when vertical spacing is in px. A 1% is too narrow, meaning I have to reduce the spacing for all the others and it ruins the balance. 2% is too wide and means I have to increase everything else. The 3xcolumn stack is 33 split, and yet the 2xcolumn doesn't line up at 66%, I have to increase it to more like 69% to get the edge to line up. The real problem is how would you guys create a layout like this so that you can control the spacing exactly? Ideally I want to have 20px everywhere. Is there a way to alter the gutter % by pixels, or a way to be more specific, such as 1.5%. Also I'm using a responsive theme, so I can't use exact widths for stack content.
Help appreciated!

changing vertical spacing in sidebar widget

drmandel — Fri, 17 May 2013 15:22:22 +0000

I have what I think is a simple widget from MailChimp that creates a basic subscribe form. This works - but I want to adjust the vertical spacing and the padding above and below the form so that it fits nicely with my home page.

I have seen some clues along the way - but I would appreciate any help you could provide.

Here is the CSS info at the top of the subscribe form:

http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">

Incomplete initial page load

MarcelRobbers — Sun, 05 May 2013 19:35:24 +0000

Hi Weavers,

I got a strange problem with a new site. It is early work in progress …

The problem is that the page mostly loads incomplete at first with a browser (all types) with free and clean cache. After this first partly load and refreshing of the site or jumping between some test pages the page loads complete and without errors. No missing elements or boxes …

What can be the problem of the site or the initial loading process? Any idea to avoid such an incomplete first load of a website?

The responsive site is build with newest RapidWeaver, Stacks 2, Responsive Freestack Theme, Joe Workman Stacks (Cycler, fluid image etc.) Doobox stacks.

Thanks for any help and advice!

Testlink:

http://www.braue.info/2013/freestack

Marcel

SeyDesign ZipBar duplicating stack content!?!?

chriswall808 — Tue, 14 May 2013 00:33:15 +0000

I'm using the SeyDesign ZipBar at SITE HERE and for some reason, it's doubling content... Interestingly every stack is repeated even in a list of stacks within each category.

Blog file not found error

paul s — Fri, 10 May 2013 03:49:26 +0000

Hi Everyone,

I have recently made a number of "improvements" to my site and find a number of errors in my hosting server logs... "File does not exist:" The file listed is my blog file /boatblog but I note it is not shown with an extension "php" or "html" or .xml or whatever in the error log.

These errors occur every minute or 2 as various people or RSS readers attempt to access my blog.

So - presumably I changed the blog... I see it is now boatblog.php although most of my page is .html

Have I totally muddled it up??

Thanks for any suggestions...

Background picture in O Mega Theme

luxor311 — Tue, 19 Mar 2013 02:30:48 +0000

Hello,

I currently am using the nick cates O Mega theme and was wondering if there was a way to change the background of a page from a solid color to a background pic. Any suggestions would be appreciated.

MegaMenu help

dhidding — Tue, 07 May 2013 14:24:36 +0000

Trying to add a left border between each of the items in MegaMenu, as shown in mocked-up image below. I figured out how to outline each tab with a border, but this makes an upside down U around each time, which is not the desired effect.

Thanks,

Dave

Anyone Experienced 3D Page Flip Software?

RaySyn — Sat, 05 Jan 2013 10:24:28 +0000

Today I had visit one of my consumer, he uses a different software to show me his project catalog. i always use the PPT to give others a vivid slide show! But when I saw him using a kind of page flipping book I was in a shock! He only make PDF file by himself and talk about the products of his company and import the PDF to the software, then a different real formal flash flipping book appeared!
I asked him about the software and know that is a flipping book converter with advanced 3D effect! In the book there are many reachable links and also movable Flash, images can be slide show, and also the 3D spinning product show persuade me to cooperate with him!

Input foreign characters

lanny — Wed, 08 May 2013 08:50:23 +0000

Why are foreign characters converted on input to html codes? Like in
"Příliš žluťoučký kůň úpěl ďábelské ódy" which is representation of all Czech characters. I know that Rage Webdesign does it too (on direct input, not on paste). Wordpress does not do it and this forum does not do it either.
I know this was mentioned a long time ago but I cannot locate the thread.

Caribou Theme

kosby — Sun, 10 Jun 2012 00:12:09 +0000

I really need to edit the width of the Caribou theme. I have been using this theme for my company website. I wrap my 'online store' provided through another entity in this theme. However, the developer of that site has update their theme and the size of their template is not editable.

I need to edit the size of my RapidWeaver theme so my customers don't have to scroll left to right. Please help.

ko

Style Sheets im Affinity Theme

lozikon — Wed, 08 May 2013 09:09:05 +0000

Hallo ich programmiere gerade an einer Seite und benutze das Affinity Theme von Michal David michaeldaviddesign.com/themes/affinity/
Nun frage ich mich wie ich es anstelle, die schriften so zu benutzen wie es in dem Thema aussieht. Bsp direkt auf der startseite unter der Bildanimation steht ( 01 Functional Design) wie bekomme ich das genauso formatiert, das die 01 klein ist und dünn und functional design dann fett und grösser??? Für eine Hilfe wäre ich dankbar.

Sorry for the newbie question, help with adding to Title/Header

tu71586 — Sun, 05 May 2013 20:51:24 +0000

Hi everyone,

First, let me apologize for the newbie question. I only know enough to be dangerous and have tried to figure this out on my own without success.

I am using the Exposition theme by Brandon Lee, and as with other themes, the title is placed prominently in the header. I want to add a business address (in a smaller font size than the title) under the title, but still keep the title and address within the header. I am having difficulty doing this. In the index.html file of the theme, I go to the

section, and I see this:

%logo%

%site_title%

%site_slogan%

Adding a
between

and

does not give me a line break to put the business address (which I want to show on each page -- that's why I'm messing with the index.html file). Adding another

with the address keeps it all on the same line. What am I missing? Is it something in the .css file?

Thanks for any help here. As I mentioned, I'm a newbie (switched from iWeb to Rapidweaver) and only know just enough Rapidweaver/HTML/CSS to be dangerous.

In anyone is interested, here is the website I'm working on:

http://lagrangewomensclinic.com/test3/

Thanks!

Help with Fixed Navigation Bar in Nuvem theme

Lutus — Fri, 03 May 2013 19:32:00 +0000

Hello world.

I have the Nuvem theme from SeyDoggy and am trying to fix the navigation bar to the top of the screen. I have tried a couple things in CSS to do this but when I try to set the navigation bar to 'fixed' the entire bar dissappears.

Here is the site in question:

http://www.encoreinstruction.com

I haven't fancied it up too much yet, still working on setup and content. I am not afraid of trying some coding to get this done, let me know if you have any suggestions.

I look forward to hanging with the pros here on the forum.

Thanks!!!
-Clay

Nivo slider

Neilo — Mon, 06 May 2013 12:07:08 +0000

Hi all, I've just redesigned Peloton Marketing Services new website using 1LD but am having problems installing the Nivo Slider. There's a fair bit of work to do still but I just want to try to bottom this one out first. I must be making a simple error somewhere but just can't find it. Can anybody help me please?
Thanks very much
Neil

Help needed themes

Dennis Fett — Sat, 04 May 2013 16:32:34 +0000

My website, peafowl.com has done very well ever since I designed it with Rapid Weaver many years ago. However it's in need of a makeover.

I need a theme that I can drop down from the top and put on my categories on one simple area not taking up so much real estate on my webpage. And then I can have a wider looking webpage like all of them are today. But I am unable to do that with the smart business webpage that I got from RW.

Of all the themes that came with RW I find that this one suited my website the best at the time. But now it's time to move on with another theme. Any ideas for what I can do that is simple and not too expensive and maybe free if it all possible to make my website look nicer.

I have kept my website very simple and didn't use very many plug-ins or any changes other than what came with RW. So any help from any of you experts out there to help me Move on would be much appreciated and I warn you I may need lots of help till I get it figured out but in the past that's how rapid Weaver forum used to work when I first designed my webpage...thank you for all your help.

need more web page real estate

Dennis Fett — Fri, 03 May 2013 14:20:47 +0000

Creating a front page for my website.

bigjobs — Mon, 29 Apr 2013 17:41:29 +0000

I want to create a front page for my website. A page thats just a picture with a link that leads to the home page once clicked.

I uploaded the image I want to use to the server. This is the URL http://www.urbangoonies.co.uk/Urbangoonies front page.jpg

I no that the title of the front page needs to be index.html with a link to index.hml but thats it, now i'm stuck for what to do.

Do I create a notepad document with the correct HTML code and title that index.html or do I title the actual picture index.html.
I don't know the HTML code for the operation either.

I have tried to self help before troubling anybody on here but all I get is lists of companies wanting to charge me silly amount of money.

Thanks for reading, Gareth.

Changing background color in Slogan area

steckmo — Thu, 02 May 2013 13:24:51 +0000

Hello everyone (and especially anyone who can help me),

I am working with BLT's Exposition theme, and need some help making a change to the background in the area which surrounds the slogan. For some reason, the developer did not include it among the sections for which backgrounds could be customized. It currently displays as a textured gray background, not unlike the default background on my iPhone.

Any help with code to overcome this obstacle would be greatly appreciated.

Odd CSS nav menu glitch opening site from RW4 to RW5. Any ideas?

Brett — Thu, 02 May 2013 03:38:41 +0000

UPDATE: I've isolated this problem to %plugin_header% in the index.html file. I'm reposting the question with a clearer explanation -- don't see a way to delete this one. Thanks!

Hi all!

I'm opening a site from RW4 into RW5, and the navigation menu has a serious glitch. See the screencaps below -- in RW4, the menu looks fine. In RW5, there are three "phantom" tabs added above the true Home tab and the whole menu is pushed down out of the div.

The phantom tabs all link to the home page.

I did an X-Ray in CSSEdit and have added a screenshot with the tabs labeled.

I'm stumped but need to solve this! Based on these clues, can anyone help?

Thanks very much for any ideas!
B

Cartloom Snippet Help Please

IskraNA — Fri, 05 Apr 2013 20:46:59 +0000

I need some help with the snippet of HTML for one of products. The snippet of code does make it easy to integrate Cartloom into rapidweaver however I need to be able to move the different html elements such as the different options, quantity, and add to cart button. As I understand it I should be able to do this with the inclusion of

tags... try as I may I cannot get this to function in any useful way.

To be clear I want to be able to move the different elements about the way you can with rapidcart given that you include CSS code such as:

.rcItemInfo {margin-top: -35px !important; margin-right: 12px; font-size: 0.8em !important;}

Here is the snippet I am working with, any help would be appreciated:

Rapidcart positioning problem

Richard Nicholls — Tue, 30 Apr 2013 12:32:27 +0000

Hi folks,
I'm struggling with something and wondered if anyone had any ideas.
I'm designing a shopping cart with Rapidcart but my client wants the Add to cart button moving up a little.
Using an inspector tool in Firefox i've found that changing the margin-top: properties of .rcIteminfo from 2em to -5em is an ideal spot.
But how do I change this in Rapidweaver?
I've tried simply adding

.rcItemInfo {
margin-top: -5em;
}

to the css styling in the page inspector, but the browser's not picking it up and instead ignores it in favour of the Rapidcart css

It's at http://s215898078.websitehome.co.uk/wim/shop if anyone wants to peek at it.

Thanks in advance

Richard

Using jquery

MikeHartman — Mon, 29 Apr 2013 21:40:15 +0000

Hi all. I am using TabLoom on a page and found that it links to jqueryui.com for different themes. I would like to have the tabs vertical instead of horizontal, but don't know javascript. I tried to add the source code for this in the TabLoom settings but it doesn't change the look, so I'm wondering if it's a limitation of TabLoom to only use horiz. tabs.

So my real question is, how do I use jquery widgets in RW? I really don't know where to start.

Thanks for any help.

Static background image and text boxes in Stacks

borske — Mon, 29 Apr 2013 17:06:06 +0000

I am looking to create a single fixed background image in stacks. I don't want it tiled. I would like the text to flow over it and as you scroll down the image is set.

Similiar to this: http://badracket.com/

I would also like the text boxes to be ghosted. I would like to still see part of the image behind the text box, but have the text be simple to read. I have tried adjusting the opacity of the text box in stacks and it does not seem to adjust the actual color.

Is there a way to accomplish this using stacks?

Reservation Theme - Logo positioning

niko — Sun, 28 Apr 2013 05:52:46 +0000

Hi!

I need some help to position the logo in the Reservation theme (by Bltthemes) on the left side of the toolbar menu. First of all is that possible?

Thx!

Slinky question

dhidding — Fri, 26 Apr 2013 00:47:22 +0000

Love SeyDoggy's menu accordion - it works beautifully. But, for a site I'm working on, I really need the first item to start in the open position. I don't mind rooting around with the js, if someone can tell me what needs to me modified.

Thanks,

Dave

Squeezebox - padding help

dhidding — Thu, 25 Apr 2013 13:14:23 +0000

I've figured out how to give background colors behind the titles and to reduce the padding inside the containers of Joe Workman's Squeezebox, but can't figure out how to get rid of the 15px padding for the overall container. In screenshot below, I need to eliminate the areas highlighted in pastel orange. Any ideas?

Cheers,

Dave

Image Align Image ExtraContent container

sbhabyn — Fri, 26 Apr 2013 18:58:22 +0000

Very new to all this !
Using ThemeFlood Snow Theme.
Got an image into the ExtraContent container in the header but can't get the right syntax to move it to the right.
Yes, I know its basic, but you have to start somewhere.

RapidWeaver and Spider simulator tool

DouginOR — Tue, 09 Apr 2013 00:29:44 +0000

Just for giggles I went to http://www.feedthebot.com/tools/spider/index.php to check my sites (all are rapidweaver). None have title, description or keywords "seen" by the spider (try my site www.marriagecounselingpdx.com for instance). An older site of mine using tables, however, displays all meta text correctly. I'm still using RapidWeaver 4. Anyone know whats happening?
Doug

Change colour of title?

Rapid_Pixels — Mon, 22 Apr 2013 08:36:23 +0000

Hi,

How can we change the colour of the words individually on the main page title at the top?

We want one colour for the word: Refrigeration
Another colour for: Air Conditioning
Another colour for: Ventilation Specialist

See website here: http://www.lcsaircon.co.uk

John

Turning my image into a link

bigjobs — Tue, 23 Apr 2013 11:42:18 +0000

Guys could you take a look at this and see if you can help me out.

For reference the website is www.urbangoonies.co.uk

On the home page I have 3 icons all imported with Html code.

Here is the code.

http://icons.iconarchive.com/icons/artua/pirates/256/mail-in-a-bottle-icon.png" alt="Pulpit rock" width="140" height="120"/>

Ok so my question is, Can anybody change this code for me so that when the cursor hovers over the picture it goes dull, as if to indicate a link.

Also I would like the picture to be a link itself. I would like the link to go to:

http://www.urbangoonies.co.uk/contact

I kinda managed to achieve this but only my placing text under the picture and turn that into a link, I want the picture to be a link.

Appreciate this guys.

Gaz.

Adding Shadow and/or using different fonts

deltoro — Sat, 27 Oct 2012 16:18:05 +0000

I decided I would use the EXPOSITION Theme from BLT for one of my customers. We both LOVE the Theme. But, although they really like the top menu, the responsive benefits and a lot of other theme specific design they are not crazy about the Title Fonts available.

Does anyone know the CSS coding I would use to change that font and a really desirable feature would be to let me place a shadow behind the Title. I think it would look much better this way.

A side note if it matters.. I had to use a CSS code to get rid of an ugly gray background when the Title and Slogan were a bit too long. It would appear underneath the Title and display behind the slogan. So my point is I am already including custom CSS... not sure if that make a difference.

Thank you, greatly appreciate this forum and all your help!

Three column footer on non-stacks pages (Blog and Contact)

GrinningSoul — Fri, 19 Apr 2013 11:04:41 +0000

Hello,

as per title I would like to be able to insert a 3 column footer in every page, including non-stacks pages. I 'd like to use html+ Css in an EC area (present in Blog and Contact too) .
I'm using a responsive theme (Will Woodgate's Black & White).

Right now I'm using div and css and I can recreate the columns but have big probs with the alignment and responsiveness.

The theme uses bootstrap : anyone know how to insert responsive multicolumn footer with Bootstrap (looked around the web but no success ) ?

Any suggestion would be appreciated !

HTML code when clicking on image

sirbull — Mon, 15 Apr 2013 12:52:11 +0000

Hi!
I want to use a html code when clicking on a image.

I know how to launch a lightbox on my page with this script:

about

But I don't want the launcher to be text, I need it to be a image!
So instead of the text "about" I want an image to be the link.
Is there any way to do this in Rapidweaver with stacks?

Make stack able to "pinch to zoom" in mobile devices.

sirbull — Thu, 18 Apr 2013 13:00:09 +0000

Hi! I have a problem.. I use Joe Workmans "cycler stack" on my website.
On my front page I got a fairly large slideshow with features and news.

The problem is that I'm not able to zoom in on the page on mobile devices if I pinch over the cycler stack... I can zoom outside the slideshow, but because it's as big as it is, visitors may have a problem understanding this.

Is there any stack that makes this possible? A stack that I can wrap around other stacks making it possible to zoom on mobile platforms?

Style output form Doobox's RSS Factory

EPP — Thu, 18 Apr 2013 00:24:17 +0000

Ok, I've been chasing my tail on this for 2 days now. I've got a Blogger blog being pulled into a stack on the homepage of the site below. Changing the styles on the html template within Blogger does not affect the output appearance of the posts as displayed by RSS Factory. There are no specific controls in the stack's control panel to deal with this. I've looked over the CSS file included with the stack but I can't figure out what to change to alter the post titles and body text size and line spacing.

Any code jockeys out there that can lend a hand? I just sent a 2nd email to Doobox and am still awaiting a response.

Thanks if you can help out. Here's the site:

http://www.ukuleleruss.com

How to insert instant quote code

Rapid_Pixels — Wed, 20 Mar 2013 08:34:36 +0000

Hi, I have a HTML code which also uses Javascript to create an online calculator that will be used as an instant quote. Any ideas how I can embed this on to a site in Rapid Weaver?

Reduce margins around sidebar in Escape Theme

philn67 — Sun, 14 Apr 2013 14:54:36 +0000

When using the sidebar in the escape Theme the margins I feel are way to much, around 35px on the left from the edge, and there is about 50px on the right between the sidebar and the main content area.
How can I control this and reduce it? I presume there is css code that will allow this?
Also, can I fix the height of the sidebar somehow?