Docs

[alamtfuerwerbung]

Hi, could you pls check http://www.sub.ihrwiderruf.de/profil/

Open the accordion “Jochen Böhner”.

That´s how it looks like at the moment:
http://ctrlv.in/873029

And that´s what I need:
http://ctrlv.in/873034

Thx
Andre

[Lely]

Hi Andre,

Please just use one column. Something like this:

<div class="x-column x-sm x-1-1" style="margin-top: 50px;">
  <img class="x-img x-img-none none" src="http://www.sub.ihrwiderruf.de/wp-content/uploads/2016/09/Boehner_GBK_Fachanwaelte_Rechtsanwaelte_steuerrecht-e1476271981449.jpg" style="float: left; margin-right: 27px; clear: both;
">
<h4 class="h-custom-headline h5"><span>Jochen W. Böhner</span></h4>
Rechtsanwalt<p></p>
<ul>
<li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Arbeitsrecht</a></li>
<li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Steuerrecht</a></li>
<li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Handels- und Gesellschaftsrecht</a></li>
<li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Forderungsmanagement und Inkasso</a></li>
<li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Strafrecht</a></li>
</ul>
<p>Herr Rechtsanwalt Jochen Böhner absolvierte sein Studium der Rechtswissenschaften an den Universitäten Erlangen und Salzburg mit Ausbildungsabschnitt in Großbritannien.</p>
<p>Nach Rechtsreferendariat, u.a. bei der Industrie- und Handelskammer in Nürnberg, und zweitem Staatsexamen wurde er zur Rechtsanwaltschaft zugelassen.</p>
<p>Herr Rechtsanwalt Jochen Böhner ist Gesellschafter und Mitbegründer der Sozietät Gussmann Böhner & Kropp.</p>
<p>Sein erfolgreich abgeschlossenes Fernstudium zum Betriebswirt sowie seine Tätigkeit als Studienleiter Recht für die HAF, ermöglicht die Einbeziehung wirtschaftlicher Fragestellungen in die Mandatsbearbeitung.</p>
<p>Herr Rechtsanwalt Jochen Böhner ist Fachanwalt für Arbeitsrecht und Lehrbeauftragter für Arbeitsrecht, Vertragsmanagement und Entgeltmanagement der Euro-FH Hamburg. Darüber hinaus ist er Autor auf den Gebieten des Arbeitsrechts, Vertragsmanagements und des Berufsbildungrechts.</p>
</div>

Hope this helps.

[alamtfuerwerbung]

Thx for helping me so fast.

It´s close to what I want but pls see this screenshots:
After adding the code it looks like that in cornerstone:
http://ctrlv.in/873065 (something is going on with the borders)

If I open the page in a browser: http://ctrlv.in/873066
The space between the next section is gone, also something with the borders.

Opened accordion: http://ctrlv.in/873070

Is it right to place the code directly in the accordion window?

Thx
Andre

[Jade]

Hi Andre,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[alamtfuerwerbung]

This reply has been marked as private.

[Lely]

Hi Andre,

Thank you for the credentials.
Upon checking, the code you have copied is missing this </div>. This will result to structure error. I add that at the end plus this:[x_clear] to clear the float position of the the column. It is working now.
Clear: http://demo.theme.co/integrity-1/shortcodes/clear/

See this:http://screencast-o-matic.com/watch/cD6uQajHkR

Cheers!

[alamtfuerwerbung]

GREAT!!!

Thx

[Paul R]

You’re welcome! 🙂

[alamtfuerwerbung]

Two more little questions:

How can I reduce this space: http://ctrlv.in/873779
Want the name on the same line as the picture.

And the it is not perfect, when the browser is shrinking, or when the pagen is opened in mobile modus.
Example: http://ctrlv.in/873780

Could you pls help me to improve that.

Thx
Andre

[Rue Nel]

Hey Andre,

Thanks for the updates!

1] By default heading tags such as the custom headline has a default top and bottom margin. You need to override the margins to remove the spaces. Please edit your page and use this instead:

<h4 class="h-custom-headline h5" class="mtn"><span> Tobias Gussmann</span></h4>

I added a utility spacing class which you can know more about it from this link: https://community.theme.co/kb/element-spacing/

2] I would recommend that you insert a custom class in your image like this:

<img class="my-image x-img x-img-none none" src="http://www.sub.ihrwiderruf.de/wp-content/uploads/2016/09/Gussmann_GBK_Fachanwaelte_Rechtsanwaelte_steuerrecht-e1476271862270.jpg" style="float: left; margin-right: 27px; clear: both;
">

And then insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 979px){
  .my-image {
    float: none;
    margin: 0 auto;
  }
}

Hope this helps.

[alamtfuerwerbung]

Hi, thanks for help, also for the link.
I added the class, but there is still a margin. If I shrink the browserwindow, than the headline goes up a where I want to have it:
http://ctrlv.in/874229
http://ctrlv.in/874231

In mobile mode, I still have that problem. http://ctrlv.in/874239
Want to have the list items always in online line on the right. Is that possible.

Thx you helping me to fix that 🙂

Andre

Thx
Andre

[Rad]

Hi there,

The change suggested here is not implemented.

<h4 class="h-custom-headline h5" class="mtn"><span> Tobias Gussmann</span></h4>

It should has class="mtn" which means margin-top-none, and I don’t see it implemented.

Plus, you have a line break between your image and text, you should remove that since WordPress will convert that line break to <p></p>. Example,

This text will be converted

<img>
text

to this

<img><p></p>text

It should be added like this

<img>text

Then about the list items, the image is floating, hence, text around it will wrap around it including the list. The solution is to make the image full-width on mobile instead of wrapping the texts around it.

@media(max-width: 767px){
  .my-image {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

Thanks!

[alamtfuerwerbung]

Hi,
strange cause if check the accordion item “Tobias Gussmann” I see this http://ctrlv.in/874567
The class is included. We talking only about the Tobias Gussmann Accordion item.
Or can u see a mistake?

And I don´t see a line break between the image and the headline. First linebreak I can see is after the headline and before the list. http://ctrlv.in/874571

To the other topic I come back later, if we solved to first problem.

Thx
Andre

[Rue Nel]

Hello There,

I see that there is a break tag next to the image. Please use this code instead;

<div class="x-column x-sm x-1-1">
	<img class="my-image x-img x-img-none none" src="http://www.sub.ihrwiderruf.de/wp-content/uploads/2016/09/Gussmann_GBK_Fachanwaelte_Rechtsanwaelte_steuerrecht-e1476271862270.jpg" style="float: left; margin-right: 27px; clear: both;">

	<h4 class="h-custom-headline h5 mtn"><span> Tobias Gussmann</span></h4>

	<p>Rechtsanwalt</p>

	<ul>
	  <li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Arbeitsrecht</a></li>
	  <li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Steuerrecht</a></li>
	  <li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Handels- und Gesellschaftsrecht</a></li>
	  <li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Forderungsmanagement und Inkasso</a></li>
	  <li><a href="http://www.ihrwiderruf.de/arbeitsrecht">Strafrecht</a></li>
	</ul>

	<p>Herr Rechtsanwalt XYZ absolvierte sein Studium der Rechtswissenschaften an den Universitäten Erlangen und Salzburg mit Ausbildungsabschnitt in Großbritannien.</p>

	<p>Nach Rechtsreferendariat, u.a. bei der Industrie- und Handelskammer in Nürnberg, und zweitem Staatsexamen wurde er zur Rechtsanwaltschaft zugelassen.</p>

	<p>Herr Rechtsanwalt Hans Mustermann ist Gesellschafter und Mitbegründer der Sozietät Gussmann Böhner & Kropp.</p>

	<p>Sein erfolgreich abgeschlossenes Fernstudium zum Betriebswirt sowie seine Tätigkeit als Studienleiter Recht für die HAF, ermöglicht die Einbeziehung wirtschaftlicher Fragestellungen in die Mandatsbearbeitung.</p>

</div>
[x_clear]

Hope this helps.

[alamtfuerwerbung]

Ok, so I can work with that, although the headline still isn´t on one line with the image.

But I want to start with the floating text on the left and not like here http://ctrlv.in/874576

Shrinking browser window makes still the following: http://ctrlv.in/874577

Thx
Andre

[Author]

Posts