Directory (of brands) > Single view > some adjustments

[Ideenbeckerei]

Hi team,
again: great theme, great job.
I started working on the “Directory of brands”, in my case “Chocolate Makers”.
I couldn’t find the place where I can trim/adjust the ‘single view’
What I’d like to change:
– Adjust size of featured image
– don’t show the map (or reduce it)
– show the address instead (I could also just paste it in the description text)
– show below all products by this brand (SPB?)
– don’t show the author
– add Social Share
How/where can I do this?

[David Martin – Support]

Hi,

1) Please use this CSS:

.directory-item figure {
    width: 20%!important;
}

2) You can change the map height, edit the page builder asset “Directory Map” and change the height setting: ‘MAP HEIGHT’.

3) Not possible by default *

4) Not possible by default *

5) On the single directory view? Please use this CSS:

.single-directory .author-info-wrap {
    display: none;
}

6) Not possible by default *

For the items marked (*) I’ll feed these back to the team and see if we can get them considered for future inclusion. If you need them prompt, please fill out our modification form and WerkPress will provide you a quote for the development work. http://www.swiftideas.com/customization/

Thanks,
David

[Ideenbeckerei]

Thanks David,

I used the two CSS but nothing is happening. I’m using the ‘Custom CSS’ plugin. Shall I use the field ‘Custom CSS/JS’ under ‘Theme Options’? Or doesn’t it matter?

To specify: I’m talking about the ‘single view’, after clicking the ‘read more’ button on the directory listing.

Thanks for your help.

B.

[Rui Guerreiro – SUPPORT]

Hi,

Yes, you should use our custom css/js option.
Give it a try.

-Rui

[David Martin – Support]

Hi,

No need for a plugin, please use the Custom CSS/JS within the theme options.

To adjust the image size on a single directory post:

.single-directory figure.media-wrap {
    max-width: 50%;
    margin: 0 auto 20px auto;
}

Thanks,
David.

[Ideenbeckerei]

Thanks, David, I usually don’t work with CSS (not qualified, and too afraid to screw things up).

In ‘your’ Custom CSS field I get some exclamation marks/warning signs. I didn’t update yet. Shall I go on?

My code:

.filter-search-container {
margin-top: -6px;
}
.directory-item figure {
width: 20%!important;
}
.single-directory .author-info-wrap {
display: none;
}
.single-directory figure.media-wrap {
max-width: 50%;
margin: 0 auto 20px auto;
}
.single-directory figure.media-wrap {
max-width: 50%;
margin: 0 auto 20px auto;
}

[Rui Guerreiro – SUPPORT]

That’s because of the !important don’t worry with that.
-Rui

[Ideenbeckerei]

Thanks, that worked.

http://www.bean2bar2you.be/?directory=rozsavolgyi

But now I realise that the ‘Liking heart’ looks odd there. How can I add the reviewing option (form + reviews) to it.
Or, alternatively, to make it go away.

And the title ‘Location’ is lingering there 😉

Sorry guys.

[Rui Guerreiro – SUPPORT]

Use this code to hide that Love icon section.

.single-directory .post-details-wrap {
    display: none;
}

and this for the location title

.single-directory-map h3 {
    display: none;
}

-Rui

[Ideenbeckerei]

Thanks, guys, you rock.
And I found the option to ‘switch on’ SPB for ‘Directory’ and now I can insert what I want into the single directories.
Thanks 🙂

[David Martin – Support]

Great news and thanks also Rui!
-David.

[Ideenbeckerei]

Sorry for being a pain: I have now a huge white space under the Social Share (last SPB item). And a divider line is still stuck there…
See: http://www.bean2bar2you.be/?directory=rozsavolgyi

Thank you.

Suggestion: I believe a list of CSS solutions to the various issues on ‘Directory single view’ could be of interest to others as well. Perhaps such as list could be something for the knowledge base… Just sayin’

[Rui Guerreiro – SUPPORT]

Hi,

Add this code, and you can remove the 2 previous codes I sent.

.single-directory-map {
    display: none;
}

Thanks for the suggestion.

-Rui

[Ideenbeckerei]

Thanks Rui & David. It works.
I kept the CSS code to suppress the ‘Like heart’.
There is still a ‘divider bar’ lingering around, but it’s fine.
I got more issues I will pest you with 😉
Thanks, the page looks better and better each day.

[Rui Guerreiro – SUPPORT]

Try this one to remove that line.

.single-directory .post-info.clearfix {
    display: none;
}

-Rui