Extend posts full width in oxgyen theme using showcase page
-
Hi,
I am using the Oxygen theme and wish to allow the blog previews posts to extend the full width of the page underneath the sliding picture box.
I tried the Full width option on the front page but then you loose the format of all the other areas of the page because it should be set to a ‘showcase’.
the site is http://www.thephysicalperformancecoach.com
Many thanks in advance!!
BenThe blog I need help with is: (visible only to logged in users)
-
Give the following a try, but you will have to use featured images that are the minimum width suggested for Oxygen, which is 750px in width, and since we are asking the browser to make those images wider, they will lose quality and sharpness, as you will see when you add the following.
#tertiary { display: none; } #content { margin-right: 0 !important; } .featured-image img { width: 100%; } -
Thats amazing! – Thank you so much!! – For the response & perfect answer!
The final one would be if there is a way to edit the ‘title’ that runs across each picture on the front page. They currently just spoil the pictures a bit too much by being in the middle / big and bold.
So I guess if there’s a way to;
1. Move the ‘title’ / writting to the bottom of the picture
2. Make the text smaller
3. Make the background of the text transparent & be able to change the text color to suit the picture.If any of these options are possible that would be amazing!!
Thank you so much!!
Regards
Ben -
Moving the title is a bit of a challenge do to the way things are done in the HTML/CSS, but give the following a try and see what you think. We could move it down a bit.
.featured-post .entry-title a, .featured-post .entry-meta { background: rgba(255, 255, 255, 0.6) !important; font-weight: normal; color: #555; font-size: 75%; } .featured-post .entry-meta a { color: #000; } -
Thank you!!! I really appreciate it.
It definitely looks MILES better with it being transparent and smaller text.
If there is any chance of moving the text to the bottom of the picture that would be ideal!?
A couple other things if you do not mind (Really sorry – but I have spent all day trying all these things, slowly getting there but stuck on these final few things!)
– The widget ‘about me’ is really squashed up in the left hand sidebar. Is there a way to make that whole sidebar slightly bigger to allow that text to free up a little? (I’ve been trying but failing!)
– I’ve also been trying to alter the size of the ‘featured picture’ in the posts that feature on that frontpage, now the text is using the full page width. – Again haven’t had much luck with a good solution having looked through loads of previous threads about it.
– Is there any sort of way to get a scrolling title bar style thing? I basically want a handful of quotes from my testimonials scrolling across the page! – There’s some nice words in their so it would be great to showcase them on the front page some how!
– Finally I stumbled across someone using an oxygen theme with really nice social media links – twitter & linked in logo were bigger and a little more predominate?
Really appreciate it!
Genuinuely looking/researching as hard as I can at all the solutions before asking these questions so please don’t think I am looking for the easy way out by asking!
Many thanks – really appreciated!
Ben -
Great, glad things are looking better for you.
If there is any chance of moving the text to the bottom of the picture that would be ideal!?
We would have to move the slider navigation arrows, which are currently at the bottom right and left corners. This moves the slider navigation to the top.
.slider-nav { bottom: inherit; top: 0; }Since you have the date so small now that it is not readable, I would suggest just hiding it with this
.featured-post .entry-meta { display: none; }Then replace the rule with this selector
.featured-post .entry-title a, .featured-post .entry-meta
with this.featured-post .entry-title a { background: rgba(255, 255, 255, 0.6) !important; color: #555; font-size: 40%; font-weight: 400; bottom: 0; } -
Absolutely epic! – Thank you so much!, genius! – Massively appreciate it!
Is there a way of making a a scrolling text bar at all or something similar?
I’ve got some nice quotes on my testimonial page that I’d like to display in a nice way on the front page that can then link back through to the testimonials? A scrolling bar would be ideal sitting under the slider pictures but if there’s a better or easier option I’m definitely all ears!
If not I could use the text that we’ve just moved over the pictures!
Many thanks!!
Ben -
Hmmm, not with CSS. It would require modifications to the theme files themselves, and we cannot do that at WordPress.com. My only suggestion would be to add it to the sidebar in a text widget with a link to your testimonials page.
-
Hi
I’m using oxygen theme, is it possible to rearrange and place the excerpt directly under the link to a story and both at the bottom center of a featured image?
The site i need help with is fitilaonline.com
Thanks a lot! -
Hi @hitilaonline, give the following a try and see what you think.
.entry-header, .entry-summary { width: 100%; } .entry-meta { display: flex; } .entry-meta span { padding-right: 10px; } .featured-image img { width: 100%; } -
-
@thesacredpath I’m using oxygen theme. In my blog’s right hand side bar, i use a widget (Top posts and pages). How do i increase the size of the featured image and the fonts.
The site i need help with is fitilaonline.com
Thank you! -
I’m sort of guessing on this, but try the following and see what you think.
.widgets-list-layout .widgets-list-layout-blavatar { max-width: 70px; width: 33%; } .widgets-list-layout-links { width: 65%; line-height: 1.8em; } -
Wow! If not because I knew it’s not, I would have conclude that’s its a magic. Thank you @thesacredpath. Everything is just as I want it to be.
Now, in left hand site bar, I’m a widget ‘Top Stories’. Is there a way I can add featured image to the links?
-
Featured Images are not an option in the Recent Posts Widget, and CSS cannot be used to add that functionality.
-
-
-
Please i need help on how to solve problem with an affilliate program. Why is it that if i paste affiliate codes to display a banner in a text widget, the banner doesn’t appear. even though, some times ago it was appearing without any problem. Regards
-
For security reasons, there are limitations on code that we can use here at WordPress.com. For example, iframes and javascript are not allowed.
There are also some restrictions on what you can do as far as advertising which are covered in our Advertising support page, and the other support pages linked to in that document.
If you wish for us to take a look at the code you are trying to use, put it here in the forum between code tags. Click Code button at top of the entry area, paste in the code and then click the code button again to insert the ending code tag.
-
How do I increase the size of the picture frame of featured image on my blog.
The site I need help with is fitilaonline.com @thesacredpath. Thank you.
- The topic ‘Extend posts full width in oxgyen theme using showcase page’ is closed to new replies.
WordPress.com Forums 