- This topic has 18 replies, 3 voices, and was last updated 5 years, 5 months ago by
Tom.
-
AuthorPosts
-
September 5, 2015 at 5:48 am #134542
Oskar
Hello!
I wonder if its possible show an image on a page with full container widht, in other words with no space between the image and the container?September 5, 2015 at 9:23 am #134578Tom
Lead DeveloperLead DeveloperHi there,
So you want the image to push right up against the edges of the container?
Do you want this with regular images you’ve added to your content or with the page header/featured images?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 6, 2015 at 6:02 am #134752Oskar
Yes exactly! Is it possible? I want to to this with regular images added to the site, for example on my first page!
Thanks! Oskar
September 6, 2015 at 9:40 am #134786Tom
Lead DeveloperLead DeveloperYou can wrap regular images in this class:
ignore-xy-spacing
For example:
<div class="ignore-xy-spacing"> My image HTML in here </div>
That should do it π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 6, 2015 at 12:01 pm #134820Oskar
Thanks! Im a bit new to this: Can I use the Jetpack plugin and “edit css” for this?
Should I write:
<div class="ignore-xy-spacing"> http://www.kbtterapistockholm.se/wp-content/uploads/2015/09/ImageResizer.net-42nhjz88gudcv2p.jpg </div>
Thank you, Oskar
September 6, 2015 at 12:12 pm #134821Tom
Lead DeveloperLead DeveloperNo need to write any CSS – GP does it for you.
That’s exactly what you should write in your content π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 6, 2015 at 12:26 pm #134824Oskar
September 6, 2015 at 1:14 pm #134827Tom
Lead DeveloperLead DeveloperYou would place that code in your “Text” editor wherever you’d like it to show up in your content.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 7, 2015 at 1:35 am #134932Oskar
Great, thanks!! Is it also possible to remove the space abow the image? (between the image and the container)
September 7, 2015 at 9:31 am #135019Tom
Lead DeveloperLead DeveloperThat should do it – can you link me to a page where the space above is present?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 7, 2015 at 1:20 pm #135095Oskar
Here is an example with the space abow present: http://www.kbtterapistockholm.se/
Regards, Oskar
September 7, 2015 at 11:41 pm #135185Tom
Lead DeveloperLead DeveloperAre you using GP Premium? If so, use the Disable Elements add-on to disable the headline/page title.
That should remove that gap.
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 8, 2015 at 12:03 am #135196Oskar
Hello!
I use the GP premium but when Im trying to make it dissapear with the disable elements add-on nothing happens. Do u know whats wrong?I checked the Post Image / Page Header
Headline / Post Title boxes in the disable elements section on the page…//Oskar
September 8, 2015 at 9:02 am #135305Tom
Lead DeveloperLead DeveloperLooks like it worked to me? Try clearing your cache π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentSeptember 9, 2015 at 12:08 am #135453Oskar
Cleared my cache and it worked! Thanks alot!
//Oskar
-
AuthorPosts
- You must be logged in to reply to this topic.