Docs

[mellyna]

Hi,

Could you please help me with these layout issues
I m providing a PNG file to illustrate them

1/ I’d like to add spacing between the logo and the title
2/ The title of the page appears above the logo and I would like to remove it
3/ I’d like to remove the “Share this post title” in the Social Sharing Shortcode
4/ I’m using Essential Grid and I have put the social share shortcode into the “Blank HTML” element. But I can’t manage to display it at the bottom. There are no layout options for this Blank HTML element. Could you please help me

Some other questions :
– How can I attach the social share icons to my own social accounts?
– I would like to have a floating sidebar on the bottom of the screen. When I scroll down, the bottom bar remains and I want to put in it some buttons. How can I achieve that.

Thanks a lot for your help !

[mellyna]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! #1 Navigate to your Custom CSS on Customizer and remove the custom css below.

/* Top bar fixed*/
header.masthead.masthead-inline {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 2000;
}

#2 and #3 Add this on your custom css

.x-header-landmark, .x-entry-share p {
	display: none;
}

#4 Please let us know which of your grid that you’re reffering to

Regarding your other questions; Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Cheers!

[mellyna]

Hi! Thanks for your answers but several points didn’t work

1/ I’ll try to explain better. I don”t want to remove the fixed topbar effect. I want to add space horizontally between the logo image and the logo text.

2 &3 / It’s ok, the titles have been removed. However, it caused an issue in the display of the essential grid : the top of the grid is cropped by the bottom of the top bar. I would like more space between these 2 elements

4/The issues are on the grid [ess_grid alias=”dealsgrid”], displayed on the page named “deals flash”

5/ About the social share buttons : I displayed the social share buttons in Essential Grid, but when I click on the button, it shares the url of the whole site instead of the url of the post.Can you help me?

6/ I would like a fixed bar but in the bottom of the screen. In which I would be able to display buttons

Thanks again

[mellyna]

This reply has been marked as private.

[Lely]

Hi There,

1.) Add this CSS instead:

.x-brand img {
    margin-right: 8px; /*Increase this to your preferred space between logo image and text*/
}

2&3

.page-id-137 .entry-wrap {
    margin-top: 50px;/*Adjust this accordingly*/
}

4.) We can add this CSS to move the social care element on the bottom:

#esg-grid-37-1 .esg-entry-cover {
    height: 100% !important;
}

5.) Unfortunately, by default social share will get the current page/post URL when you share. To make it share the grid post instead it needs customization. Unfortunately, that is outside the support of our support. Thank you for understanding.
You may use Essential Grid native social sharing Icons. You can check Herbert Hoover Skin check how to implement this:http://doc.freevision.me/rosie/2014/10/10/how-to-change-social-media-links-on-essential-grid-uses-herbert-hoover-skin/

6. Add a section at the bottom of the page. Add bottom-fixedbar on the section ID field. Set it’s padding to zero. Add your preferred background color. Then also add the following custom CSS

div#bottom-fixedbar {
    position: fixed;
    width: 100%;
    bottom: 0;
}

Hope this helps.

[mellyna]

Thanks, it worked great, you are awesome !

Just a little more thing : the bottom bar has a left margin that I want to remove so that it appears exactly the same as the topbar (cf png file). How can I achieve that?

[mellyna]

This reply has been marked as private.

[mellyna]

I did it : I set the page template to Blank-no container, and it worked

Thanks a lot !

[John Ezra]

You’re most welcome!

[mellyna]

Me again !
Would you mind tell me how to add some text next to elements in Essential Grid
For example, I added an Author element, and I would like to have the text “Posted by” before the name of the member.
Same example for the comments, I ‘d like to have the word “comments” next to the number, or an icon for comments.

Also, can you tell me how to display the date this way “…days ago” instead of the usual form

Thanks a lot !

[Christian]

Hey there,

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts