Deleting a Text Block

jennene said 1 year ago:

I have overlapping text blocks at the top of the site page that is preventing me from fully viewing my company logo. How do I delete the text box? Or at least move it? The instructions mentioned above for deleting a “block” do not apply to this example.

chrisg said 1 year ago:

@jennene,

Is your site currently published? If so, could you provide the domain name so we can look into this further?

Christopher G.

jennene said 1 year ago:

<p><p>Yes…it is published. The website is http://www.thephotobookcompanyonline.com. On the Home Page, I am trying to insert our company logo. The site will let me insert the logo. However, when I go to preview the page, it only shows just the very top portion of the logo… it appears there are two blocks that overlap.
</p>
</p>

chrisg said 1 year ago:

@jennene,

Looking over your live site I am not seeing the logo that is being cut off. However, it sounds like the block you are inserting the image into is where the title and subtitle blocks of this specific template are located. If that is the case, these blocks are by design setup to only display their content within a certain height before cutting off. Usually for about 1-2 lines of text.

There are two ways to go about getting around this. One would require custom CSS coding to override the height restrictions of the content block. I would only recommend this if you are familiar with CSS coding.

The other would be to download the background header image. You could then use a photo application to modify this image with an inserted copy of your logo. You can then upload and replace the original background image using the instructions outlined in the following article:

Managing Template Images in WebSite Tonight

Christopher G.

imjustlearning said 1 year ago:

Hi Chrisg,

Where do I go to make alterations using custom CSS coding? I see the “html” icon for certain blocks but for template blocks none appear. Is there a way to alter height components to pre-existing template blocks? I am trying to make a pre-set template block smaller so it doesn’t occupy so much of the header portion of the site. Also, do you know if there is a way to move the tabs on a pre-made template? Currently they are at the top (under an image) and I would prefer they be at the bottom so they don’t take away too much of the Home screen. Thanks!

Nate D said 1 year ago:

Here is how to access the CSS (skip step 4 the bottom section should only have your alterations).

Here is how to adjust the height of your header, if you go below 130px there will be a blue line under the Page Title (like Home Page).

/* Height of Header */
.sf_header_wrapper {
min-height: 130px;
}

For the Navigation, you can recreate this manually by adding a content block at the bottom of the page.

Nate D said 1 year ago:

Oops here are the steps to add CSS:

http://support.godaddy.com/help/4229/editing-css-with-website-tonight

chrisg said 1 year ago:

@imjustlearning,

You would want to review the following article for where to place custom CSS updates to your project. This should allow you to make adjustments such as height settings of components to the pre-existing template blocks. Just be aware to not copy the original CSS code of the template into your custom block, only the changes you are making for the specific elements in question:

Using the Advanced CSS Feature in Quick Shopping Cart

As for the ‘tabs’, I assume you meant the navigation buttons of the template you are currently using. If that is the case, This should be movable through the same custom CSS endeavors you are about to make.

Christopher G.