Modifying themes and add-ins

Is there a way to get more than one line of text in Title and slogan?
Is there a way to change the color of text in title and slogan?
Is there a way to add text around a contact form?

Thanks

Yes. All of those things are possible, depending on the level of your comfort with html & css.

If the theme doesn’t allow for direct manipulation of the text, you can actually surround it with styling tags. You can also force line breaks with the BR tag. And I’m going by memory, since it’s been a while since I’ve used the built in contact form, (vs using stacks), you can use div and alignment tags to place text next to the contact form fields.

Can you refer me to some documentation on these subjects? The nice thing contact form is that it takes care of where to send replies, etc. Its too bad one cannot merge it with stylized text.

Most of what you are asking about can be done with custom CSS.
If you know what exactly what you want (colors, text,etc) then you can post it here along with a URL to a test page and there’s plenty of folks here that can help you out.

Having people here help is good but if you want to learn CSS, I would suggest this book
https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189

1 Like

I am using the Alpha theme. See Attached.

  1. I want to increase the number of lines in the Title.

  2. I want to change the font size in the title and slogan.

  3. There is a lot of empty space next to the title and slogan. I want to put some multiline text there or perhaps a picture.

  4. If any of the above is possible I would like to change the height of the Banner area.

Thanks

I would suggest you choose a responsive theme, not sure if SEO for the Law Office of John Jones is important to him, but Google will penalize you for not using a responsive theme. If you have RapidWeaver 7, any of the new themes would be responsive and come with the App.

You can use HTML in the title, add a
tag after each line you want to add for the title. i.e.
Law Office of John Jones<br>Free Phone Con.....<br> etc.

I will let others suggest edits for the remaining questions.

2 Likes

Robert (@zeebe) is right about the theme. Not only for search engines, but the customer experience. More and more users are on mobile devices, and a non responsive theme just doesn’t work on smaller screen sizes.

Both of these should be able to be done with custom CSS, but the code needed might vary depending on what theme you’re using. This is where providing a URL to at least a test page will help the folks trying to help you. Otherwise they have create a test site of their own using the same theme to help you.

That again would probably be better done by choosing a different theme than trying to modify the theme you’re currently using. There’s several different responses themes that come with RapidWeaver, they have different “banner” styles.
There’s also hundreds of addon themes available that might fit the style you’re looking for. Might take a look at themeflood, if none of the included themes suite what you’re looking for. They have a good selection and have demo versions you can try before you buy on all their themes.

2 Likes

The reason I choose this theme is that it is fairly clean and has horizontal menu tabs.
There used to be a theme “Options Pro FN.rwtheme” which allowed many edits. But it does not appear to work in RW7 and the developer has disappeared.
Here are some screen shots.

    1. List item

I can’t seem to find a way to upload a .rw file.

Its a shame that the themes etc. are buried in Application support.

Maybe this will work.

Well when in doubt send the page source.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=“http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />

<meta name=“robots” content=“index, follow” />

<meta name=“generator” content=“RapidWeaver” />

<title>Contact Me | Law Office of Joe blow</title>

<link rel=“stylesheet” type=“text/css” media=“all” href=“consolidated-3.css?rwcache=554863840” />

<!–[if IE 6]><link rel=“stylesheet” type=“text/css” media=“screen” href=“ie6.css” />

<![endif]–>

<!–[if IE 6]><style type=“text/css” media=“screen”>body {behavior: url(csshover.htc);}</style><![endif]–>

<script type=“text/javascript” src=“javascript.js?rwcache=554863840”></script>

<!–[if IE 6]><script type=“text/javascript” charset=“utf-8”>

var blankSrc = “png/blank.gif”;

</script>

<style type=“text/css”>

img.pngfix {

behavior: url(“png/pngbehavior.htc”);

}

</style><![endif]–>

</head>

<body>

<div id=“bodyGrad”>

<img class=“pngfix” src=“images/body_grad.png” alt="" style=“width: 3000px; height: 400px;” />

</div>

<div id=“container”><!-- Start container -->

<div id=“pageHeader”><!-- Start page header -->

<div id=“grad”><img class=“pngfix” src=“images/header_top_grad.png” alt="" style=“width: 3000px; height: 72px;” /></div>

<h1>Law Office of Joe blow</h1>

<h2>Free Phone Consultation (312) 555-5555</h2>

</div><!-- End page header -->

<div id=“navcontainer”><!-- Start Navigation -->

<ul><li><a href="…/" rel="">Home</a></li><li><a href="…/styled/" rel="">Firm overview</a></li><li><a href="…/contact-form/" rel="">Do you have a case?</a></li><li><a href="./" rel="" id=“current”>Contact Me</a></li><li><a href="…/contact/" rel="">Untitled Page</a></li></ul>

</div><!-- End navigation -->

<div class=“clearer”></div>

<div id=“sidebarContainer”><!-- Start Sidebar wrapper -->

<div id=“sidebar”><!-- Start sidebar content -->

<h1 class=“sideHeader”></h1><!-- Sidebar header -->

<!-- sidebar content you enter in the page inspector -->

<!-- sidebar content such as the blog archive links -->

</div><!-- End sidebar content -->

</div><!-- End sidebar wrapper -->

<div id=“contentContainer”><!-- Start main content wrapper -->

<div id=“content”><!-- Start content -->

<script src=“files/fixbox.js?rwcache=554863840” type=‘text/javascript’></script>

<div id=‘blocksWrapper’ style=‘position:relative; margin:0px; margin-right:auto; border:0px; padding:0px; width:98%; overflow:hidden;’>

<div id=‘blocksPage’ style=’ position:relative; border:0px; padding:0px; margin:0px; margin-right:auto; top:0px; left:0px; width:500px; height:700px; overflow:hidden; '>

<!-- Block 0 -->

<div id=“id0_outside” style=" overflow:hidden; margin:0px; padding-left:2px; padding-right:2px; padding-top:5px; padding-bottom:5px; position:absolute; left:7px; top:35px; width:412px; height:250px;"><div id=“id0_inside”><span style="font-size:14px; ">Law Office of Joe Blow35 Westwood Blvd<br /></span><span style="font-size:14px; "><br />Los Angeles CA 90025<br /><br />(312) 555-1212</span></div></div>

<script type=‘text/javascript’>

blocks_growparent(‘blocksPage’);

</script>

</div>

</div>

<script type=‘text/javascript’>

var fixable = new Array (‘id0’,’’);

blocks_fixbox(fixable);

</script>

</div><!-- End content -->

</div><!-- End main content wrapper -->

<div class=“clearer”></div>

<div id=“footer”><!-- Start Footer -->

<p>&copy; 2018 </p>

<div id=“breadcrumbcontainer”><!-- Start the breadcrumb wrapper -->

</div><!-- End breadcrumb -->

</div><!-- End Footer -->

</div><!-- End container -->

<script type=“text/javascript”>if (window.RWPreviewingInternally == undefined) {var RWWebServerPageRequiresRefreshing = false;window.onblur = function () { RWWebServerPageRequiresRefreshing = true;};window.onfocus = function (){ if (RWWebServerPageRequiresRefreshing === false) {return;} var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { location.reload(); } }; xmlhttp.open(“GET”, “/RWWebServerIsAliveAndKicking.txt”, true); xmlhttp.send();};}</script>

</body>

</html>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.