Home>Support>Menu Fonts and Image/border below Menu bar

Menu Fonts and Image/border below Menu bar

By lee, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,

Thanks for the great work on the theme, we are using the Vantage Premium

1) I am working on changing the menu, what we like to do is add some image (stitches) at the bottom (or padding) of the menu bar. I am attaching image for illustration purposes. Can I know how to do it properly?
http://upstore.com.my/dcel/wp-content/uploads/2015/01/2015_01_14_10_12_21_Dcel_Design_Its_about_presenting_yourself.png

The second thought that comes to my mind is it possible to be done without disrupting the view when it comes to viewing on mobile, since the theme is a responsive theme?

2) Footer: I am trying to decrease the footer at the bottom of the page, you can refer to the Issue URL
But even after inserting the tag there are still no changes to the fonts.

Also can the text be changed to different colour for certain words that we would like to emphasize

The footer does not seem to be centered, any ways to change it?

Thanks

URL: http://upstore.com.my/dcel/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Lee

    Thanks for your support.

    1. What you’ll need to do here is break your pattern up into a very small section only and ensure it has a transparent background and is saved as a PNG. You can then add something like the following to Appearance > Custom CSS:

    .main-navigation {
background: url('http://urlgoeshere.png') repeat-x bottom;
}

    2. The footer creates columns as widgets are added. The content is usually left aligned within those columns. You’re using the Visual Editor widget in the footer right now, that has it’s own button to center text.

    That text could also be inserted under Appearance > Theme Settings > Footer: Site Information Text. If you need a link in that field you can use HTML.

    It’s not possible to decrease the height of the footer as it doesn’t have a height, the footer area fills the space not filled by the main content container. You can insert the following under Appearance > Custom CSS and set a min-height for the content area:

    /* Main Container */

#main {
	min-height: 500px;
}

    Adjust as required.

    The Visual Editor widget has a button to set text color, this can be done for single words, highlight the word then set color.

  2. 9 years, 8 months ago lee

    Hi Andrew,

    Thanks for the support, I managed to get it working although i have to tweak the image a bit aftr seeing how it looks.
    I noticed there is a gap between the Menu and the logo…. is there anyway i can decrease the space to zero? I am assuming its a padding.

    I am trying out on the footer, what I meant was can i decrease the font size of the footer text? Right now it looks a bit too big.

    Thanks,
    Lee

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Sure.

    Insert the following under Appearance > Custom CSS to set the footer font size and remove logo right margin:

    /* Logo */

header#masthead.masthead-logo-in-menu .logo {
margin-right: 0;
}

/* Footer */
#colophon .widget { font-size: 16px; }
  4. 9 years, 8 months ago lee

    Thanks Andrew.
    All looks good now.

    Best Regards

  5. 9 years, 8 months ago lee

    Sorry Andrew,

    I just noticed that the Menu bar looks different when it comes to other pages. There is still a gap on other pages, but it looks fine on the home page.

    Can this be fixed as well?

    Thanks

  6. 9 years, 8 months ago lee

    I must be seeing things just now, now it looks good no worries.

    Thanks, and have a nice day

  7. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad that helps.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More