Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Top Widgetezed area

    • 9 years ago pixie5
      Participant

      Expired

      Hi guys, hope you can help.

      Im trying to make top widgetezed area transparent and show social media icons on top of my revolution slider, so icons are just part of the page and not a strap of one colour. Is it possible to achieve?

      And secondly is it possible to add a jpeg like a brand logo to the top widgetezed area?

       

      Thanks

    • 9 years ago Mirela
      Participant

      Hello,

      You can add an image with shortcode in top widgets area. And make the other edits using custom css. We can help you if you send us your site’s url.

      Best regards!

    • 9 years ago pixie5
      Participant

      Expired

      Thank you for quick response :)

       

      here is link to the website https://serenitytravelphotography.com

      still work in progress. You will noticed to widget area with black background with social icons on it. I would like them to be just over the revolution slider so they integrate better in the page.

      How can I create a shortcode for the image?

      Ando also for some reason my dropdown menu on mobile is huge, can’t find where to change it

       

      Thanks a lot

    • 9 years ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      .header_5 .top_nav {  z-index: 2 !important;}
      .top_nav { background-color: rgba(255, 255, 255, 0) !important;}
      .top_wrapper { margin-top: -33px !important;}

      Result of the top nav: screenshot.

      To add image, go to Appearance > Widgets, and add widget “Text” to Top Navigation Area. Add this text in it:

      <img src="https://codeless.co/specular/default/wp-content/uploads/2014/10/logo_light.png" alt="Specular theme logo" width=160>
      
      Hello, Welcome to Specular Mega Bundle Theme

      Edit the image url to your need.

      Best regards!

    • 9 years ago pixie5
      Participant

      Expired

      Worked great. Thanks a lot of your help.

      By the way I found a new widget yesterday called “specular widget adds” and could add through there image url and size it worked well.

       

      Thanks again

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password