- This topic has 12 replies, 2 voices, and was last updated 8 years, 2 months ago by Tom.
-
AuthorPosts
-
January 29, 2016 at 12:57 pm #168905Tony
Is it possible for text to be beside (wrapped) around a header image or feature image.
Googling indictes it’s a common request.Also can the image be aligned left/right./centre?
January 30, 2016 at 12:29 am #168948TomLead DeveloperLead DeveloperHi there,
Give this a shot: https://generatepress.com/forums/topic/customising-featured-image/#post-83209
To align it you can try this:
.page-header-image-single { text-align: center; }
You can replace center with either left or right.
January 31, 2016 at 12:46 pm #169404TonyThis works (below) but the text is touching the featured image. If you apply a style other than paragraph and insert some spaces then it creates a gap and looks OK. Spaces in paragraph style are ignored but if they are inside tags they work. gets stripped out by the visual editor as do <P></P>
WP is like the wild west!
.page-header-image-single {
float: left;
}
——————-
Why does the edit option disappear on posts? Would be nice if it stayed on for the contributor.- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
January 31, 2016 at 1:06 pm #169410TonyAha – if I do this I get a gap on the left of the image so don’t need the spacing.
.page-header-image-single {
float: left;
margin: 0px 20px 0px 0px;
}The image is very close to the author’s name but I can’t force a gap above the image with this.
January 31, 2016 at 11:40 pm #169492TomLead DeveloperLead DeveloperHi Tony,
Try this CSS:
.page-header-image-single { float:left; margin: 20px 20px 0px 0px; }
February 1, 2016 at 2:20 am #169511TonyI had already tried various combinations and none of them moves the image down even if set to 100px.
February 1, 2016 at 9:26 am #169632TomLead DeveloperLead DeveloperCan you link me to the page?
February 1, 2016 at 10:44 am #169656TonyHere it is – what’s the best way to enter a url?
When I just pasted it in and submitted it there was nothing there.
Like this:
Here I’ve wrapped it in ‘code’ tag
http://loveitphotography.uk/uncategorized/gallery-test/
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
- This reply was modified 8 years, 2 months ago by Tony.
February 1, 2016 at 1:46 pm #169711TonyThe margin is set as 100px 20px 0px 0px
I have tried other combinations but never get space at top
February 2, 2016 at 9:16 pm #170070TomLead DeveloperLead DeveloperHi Tony,
Sorry for not getting back to you sooner – we had a baby today so things have been quite hectic.
I’m on An iPad so I can’t currently check the code very easily, but I’ll leave this unread so I can take a look as soon as I get back to my desktop.
February 4, 2016 at 3:16 pm #170471TomLead DeveloperLead DeveloperHi Tony,
Try this instead:
.page-header-image-single { float: left; margin: 30px 20px 0px 0px !important; }
February 4, 2016 at 3:39 pm #170477TonyThat works – thanks ‘Dad’
February 4, 2016 at 6:53 pm #170520TomLead DeveloperLead DeveloperCan’t wait to hear that for the first time! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.