Widget an title alignement

Hello,
as asked i’m opening single question by topic.

How can I align title and content on a widget bloc of the front page?

https://framapic.org/slkoZWlc6o7L/Tlw2B77DqIri.jpg

Cheers

Hello there,

Thank you for splitting your queries individually.

Please share the link the page where you put those widgets, so I can get the exact CSS selector names and be able to provide your the working code.

Regards,
Kharis

My website is in building mode and not visible for non-admin…

Can I share with you directly some css information ?

<div class="panel-grid-cell" id="pgc-701-2-0"><div class="so-panel widget widget_text panel-first-child" id="panel-701-2-0-0" data-index="4"><div style="text-align: left;" data-title-color="#443f3f" data-headings-color="#443f3f" class="panel-widget-style"><h3 class="widget-title" style="color: rgb(68, 63, 63);">LinkedIn</h3>			<div class="textwidget"></div>
		</div></div><div class="so-panel widget widget_sow-social-media-buttons panel-last-child" id="panel-701-2-0-1" data-index="5"><div style="text-align: left;" data-title-color="#443f3f" data-headings-color="#443f3f" class="panel-widget-style"><div class="so-widget-sow-social-media-buttons so-widget-sow-social-media-buttons-atom-240230b84ad3"><div class="social-media-button-container">
	
		<a class="ow-button-hover sow-social-media-button-linkedin sow-social-media-button" title="erea-conseil on Linkedin" target="_blank" href="https://www.linkedin.com/company/9254041">
			<span>
								<span class="sow-icon-fontawesome" data-sow-icon=""></span>							</span>
		</a>
	</div>
</div></div></div></div><div class="panel-grid-cell" id="pgc-701-2-1"><div class="so-panel widget widget_text panel-first-child panel-last-child" id="panel-701-2-1-0" data-index="6"><div style="text-align: left;" data-title-color="#443f3f" data-headings-color="#443f3f" class="panel-widget-style"><h3 class="widget-title" style="color: rgb(68, 63, 63);">Twitter</h3>			<div class="textwidget"><a class="twitter-timeline" data-width="400" data-height="500" href="https://twitter.com/ereaconseil">Tweets by ereaconseil</a> <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script></div>
		</div></div></div>

Hello there,

Thank you for sharing the code. It helped me a bit. Try adding the below custom CSS code through Appearance > Customize > Additional CSS:


#panel-701-2-0-0 .textwidget,
#panel-701-2-1-0 .textwidget{
  display: table;
  margin-left: auto;
  margin-right: auto;
}

#panel-701-2-0-1 .social-media-button-container{
  text-align: center;
}

If it didn’t help, would you please grant me to access your site admin area? For security reason, email to kharisblank@gmail.com the username and password; mention the link to this thread.

Regards,
Kharis

Thank you, it looks ok in Chrome.

But I can’t manage to get this to work in Firefox

Thank you for good support

Hello there,

They appear identical. What is the problem on Firefox?

Regards,
Kharis

I mixed up Chrome and Firefox screenshot…

The bug is that On Firefox, the Twitter feed don’t appear as you can see.

Could you please share me the embed code you inserted?

Regards,
Kharis

<a class="twitter-timeline" data-width="400" data-height="500" href="https://twitter.com/ereaconseil">Tweets by ereaconseil</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Hello there,

I did copy/paste the code you shared on my test site. Your Twitter timeline is displaying correctly here on both Chrome and Firefox. Maybe there is a script load delay on your end. Please try again.

Regards,
Kharis