Realmac Software

Welcome to the RapidWeaver Community Forums, where you can chat with RapidWeaver users from around the world!

Webyep and page styling

Hi
Im venturing into this section after several years on RW, its kinda out of my comfort zone , but if I dont ask , i wont get.
webyep say that one can style the customers page in the css header section in Page Inspector.
Ive played around in it but failed miserably.
Firstly i would like to increase the left and right as the text runs too close to the edges.
Then I would quite like to match the links page to look like theirs in their demo page.
Lastly for today I would like to use their 'automatic' link maker , it works in emails but in www you have to put http:// in to make it work but you can see the http:// ....is this right ?
Lots of questions but I thought better out than in .
Thanks if any one can explain even a little if anyone hasnt got time to answer all , every little bit helps .

Thanks you
Leigh

This is webyep css in header

/* Heading tag containing the page heading */
.WebYepPageHeading {
font-size: 2em;
padding: 40;
margin-top: 200;
margin-bottom: 1em;
}

/* Heading tag containing the block heading */
.WebYepBlockHeading {
font-size: 1.5em;
padding: 0;
margin-top: 100;
margin-bottom: 0.5em;
}

/* div tag around left photo */
.WebYepLeftPhoto {
padding: 10px;
border: 1px dotted black;
}

/* div tag around right photo */
.WebYepRightPhoto {
padding: 10px;
border: 1px dotted black;
}

/* The editable text */
.WebYepText {
}

/* Paragraph containing the WYAttachment element */
.WebYepAttachment {
border-top: 5px solid grey;
border-bottom: 5px solid grey;
margin: 1em;
padding: 0.5em;
}

/* The descriptive text for the attachment */
.WebYepAttachmentDescription {
}

/* The filename of the attachment, containing the link */
.WebYepAttachmentFilename {
padding: 4px;
}

/* div tag around center photo */
.WebYepCenterPhoto {
}

/* Spacer div after each block */
.WebYepBlockPadding {
}

/* designing tables inside the editable text */
/* tables can be created with the "|" character */
.WebYepText table {
margin: 0px;
padding: 200px;
border-collapse: collapse;
}
.WebYepText td {
margin: 0px;
padding: 6px;
border: 1px solid black;
}

/* example custom text style */
.WebYepText .EXAMPLE {
font-weight: bold;
color: #bc0000;
}


/* image gallery */

table.WebYepGalleryContainer {
margin-top: 2em;
margin-bottom: 2em;
border-collapse: collapse;
}

table.WebYepGalleryContainer tr {
}

table.WebYepGalleryContainer tr.WebYepGalleryFirstRow {
}

table.WebYepGalleryContainer td {
text-align: center;
vertical-align: top;
border: 1px solid grey;
padding: 10px;
}

table.WebYepGalleryContainer td.WebYepGalleryFirstColumn {
}

.WebYepGalleryImage img {
border-left: 1px solid grey;
border-top: 1px solid grey;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.WebYepGalleryText {
margin-top: 1em;
font-size: 0.8em;
}

/* sidebar menu */

/* The div enclosing the menu */
.WebYepMenu {
}

/* The tree titles */
.WebYepMenu li.WebYepMenuTitle {
font-weight: bold;
}

/* Normal items */
.WebYepMenu li.WebYepMenuItem {
font-weight: normal;
}

/* All trees */
.WebYepMenu ul {
padding: 0px;
}

/* All items */
.WebYepMenu ul li {
list-style-position: inside;
list-style-type: none;
font-size: 1em;
margin: 0px 0px 5px 0px;
padding: 0px;
line-height: 1.2em;
}

/* Second level trees */
.WebYepMenu ul ul {
margin-bottom: 10px;
}

/* Second level items */
.WebYepMenu ul ul li {
font-size: 0.9em;
margin: 5px 0px 0px 1em;
padding: 0px;
}

/* Trees of third level and below */
.WebYepMenu ul ul ul {
font-size: 0.8em;
}

/* Items of third level and below */
.WebYepMenu ul ul ul li {
font-size: 0.8em;
margin-left: 2em;
}

/* The first item in each submenu */
.WebYepMenu li li.WebYepMenuFirstItem {
}

/* The actual links */
.WebYepMenu a:link, .WebYepMenu a:visited, .WebYepMenu a:active {
text-decoration: none;
}

/* The actual links when hovering */
.WebYepMenu a:hover {
}

/* The actual link of the currently selected item */
.WebYepMenu a:link.WebYepMenuCurrentItem, .WebYepMenu a:visited.WebYepMenuCurrentItem, .WebYepMenu a:active.WebYepMenuCurrentItem {
text-decoration: none;
color: #7e7e7e;
}

/* The actual link of the currently selected item when hovering */
.WebYepMenu a:hover.WebYepMenuCurrentItem {
color: #7e7e7e;
}

I have played with this but padding margins dont do anything apart from in the header text , which i can move.

Here is the WYEP page with horrible margins , I know its fussy and Im not the best web designer
but i would like it right.
http://www.stocksouthwest.co.uk/page18/index.php?WEBYEP_EDIT=no3547

;-)

Comments

  • bobmax48bobmax48 Posts: 117Members
    I would get the WebYep stacks from Tsooj Media and use them, they are easier to add margins and padding.
    Digital Media Specialist
    College of Education
    University of Illinois Champaign-Urbana
  • sa3305sa3305 Posts: 194Members
    ahhh ok Il have a look at them now ,,, thanks
  • sa3305sa3305 Posts: 194Members
    ok just bought the Webyep Stacks ,,,,, geez thats alot of stacks ??!!
    oh well more learning !
  • sa3305sa3305 Posts: 194Members
    Just want to say thanks foor help on this one , and a huge tahnk you webyep for these Stacks.
    The system works beautifully and is a credit to you.

    Thanks Leigh

Leave a Comment

bolditalicunderlinestrikecodeimageurlquotespoiler