Support » Theme: Edin » Switch from Edin to Goran

  • Hi

    I’m thinking of switching theme from Edin to Goran because I like the semi-transparent navbar over the image header.

    First, is it possible to achieve this effect while still using the Edin theme, using CSS – perhaps by making the navbar background transparent and setting a negative top margin for the hero image? (I’m having trouble finding a live site that uses the Goran theme so that I can use web-inspector to see precisely how this effect is achieved.)

    If it’s not possible, then if I switch my theme to Goran and it doesn’t go smoothly (I have hundreds of widgets, thousands of uploaded files and images, quite a few plugins and lots of CSS), then would it be possible to switch straight back without causing any problems or losing site settings or content?

    Many thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi –

    I thought we could use CSS, but wasn’t quite able to work out the right code. I will keep looking though…

    In the meantime, there’s this plugin that I think could get the job done with out requiring you to change the entire theme. Check it out:

    Let me know if that works.


    I read elsewhere on this thread that someone achieved this with CSS, but unfortunately they didn’t post the solution!

    I tried the plugin, but it only moved my main menu from its horizontal position to a vertical side-bar. I didn’t see any options to make it transparent and tuck the header image behind it without knowing the selectors (which is my problem to begin with!).

    I’ve decided against Goran because I did a staging test the result is I lose far too much of my formatting work as many tags and selectors are different.

    Any CSS pointers you might come up with would be most appreciated!

    Hi again

    If others are interested in a transparent navbar in front of the header image:

    .navigation-classic .primary-navigation .menu-primary > ul > li.current-menu-item > a {
    background-color: inherit !important;

    .primary-navigation ul li.current-menu-item>a:before, .primary-navigation ul li.current_page_item>a:before{
    content: none;

    .navigation-classic .primary-navigation {
    background: #7a7875a6;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;

    It’s not identical to Goran, since it doesn’t have the right-aligned

      with the logo inline left. Does anyone know how to achieve this in Edin?

    Using the !important; option is fine most of the time but it can cause issues.


    Do you still need help getting this sorted?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Switch from Edin to Goran’ is closed to new replies.