widen Cubic theme wrapper
-
Hi, I’d like to widen the Cubic wrapper from 624 to 800. Is that possible with a WordPress-hosted site?
Also, I’ve successfully imported my blog from Blogger, but would like larger post images than show on individual posts in Cubic. Love the landing page look though!
I’ve manually changed one tester image in html from 300 to 700px, but is there a way to change all 650+ images in a go?
Thanks!
M
The blog I need help with is: (visible only to logged in users)
-
You need one of the paid plans to make CSS changes (you can only preview them, not publish, on the free plan) but it’s definitely possible.
Go to the CSS section of the site customiser and paste in the following code, I’m pretty sure I’ve included all the sections you need but if you click through your posts and pages and find anything is still appearing in the old, slimmer layout then let me know.
@media screen and (min-width: 880px) { body.page .entry-header, body.single .entry-header { width: 800px; } .entry-author, .entry-content, .entry-footer, .comment-reply-title, .comments-title, .comment-list, #respond .comment-form { padding-right: 0; padding-left: 0; width: 800px; } }You will also need to specify 800px in the Media Width box just below the CSS code, this will hopefully force your theme to show the images in your single post views at the new width rather than limiting it to 768px which is the theme default.
I’ve set the above CSS to only apply to screens wider than 880px so it will still follow the theme defaults for tablets and mobiles.
-
Thank you so much for your quick reply!
I’m going to get a premium plan asap, and I’ll give your code a run:)
~ Alva
-
Hi Alva, test it out in the free preview first and if it works the way you want then go for it. If you have any other questions just let me know.
The premium plan gives you more than just CSS editing so enjoy the storage upgrade, video hosting, no ads and free domain name as well. And just in case it wasn’t obvious the price is listed per month but you pay for the entire year upfront – lots of people manage to miss this bit so I thought I’d make it clear.
-
Thank you again for responding right away, and for the heads-up on the annual payment.
The code doesn’t seem to be working. I wish I could send a screenshot, but basically the images haven’t changed size at all within each individual post.
As this blog is a photojournal, I really need all the images to be nice and large, as they are on my Blogger site (www.icelandeyes.com), both on the landing page and on individual posts.
Maybe a different theme would work better, but they all (I’ve played around with about 15 so far) seem to demand I identify which photo is to be the Featured Image for each post (even though most posts only have one image!) I simply can’t go back through 650 posts to do this.
I really need to move from Blogger bc someone stole all my content for a clickbait site, and my blog’s SEO is corrupted. Plus Blogger’s mobile view options are just lame : /
Can you help?
-
I have a feeling the issue with the image sizes is due to the import from Blogger. I’ve looked at the HTML that is being generated and it’s pretty different on your site from both the Cubic demo and when I set up my test blog, both for images and general text. I suspect that this is because the content is coming from an import and not just typed or copied in manually. Give this a shot and see if it helps, especially in conjunction with the code I suggest previously:
.entry-content img { width: 100%!important; max-width: 100%!important; } .entry-content div { text-align: left!important; margin-bottom: 24px!important; }The top bit will hopefully maximise the images away from the default smaller versions, the second bit will override the weird text justification and disappearing paragraphs (you can just delete the entire rule if you prefer the defaults).
-
That worked!
Except the photos are all a bit fuzzy, which tells me the code is force-adjusting the size after-the-fact instead of actually re-sizing the original image.
Oh well. I feel like I’m just permanently stuck with this dinosaur that is my Blogger blog as far as my old content goes. If I’d have known when I started way back that Google would let Blogger get so outdated, I’d have jumped ship years ago…
I suppose I’ll have to just start fresh somehow. Thanks again!
-
The theme is resizing the sources of some of the images, I had hoped that setting a larger Media Width value would help but maybe the Blogger import trips things up a bit.
I’m not familiar with the import process or with Blogger so I can’t really suggest much else. I’m assuming you followed these steps to transfer your posts. I’ll tag this thread for a member of staff to take a look (you get priority staff support if you’re on the premium plan too!) and they might have some advice having dealt with similar situations before.
Subscribe to the thread and you’ll get an email notification when they get in touch. Good luck!
-
Howdy @icelandbyalva, the image width code is specified in each post. For example:
<table class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="text-align: center;"><a style="margin-left: auto; margin-right: auto;" href="https://alvaiceland.files.wordpress.com/2016/06/3ceb3-krossa270612sigj_355401142.jpg"><img src="https://alvaiceland.files.wordpress.com/2016/06/3ceb3-krossa270612sigj_355401142.jpg?w=300" border="0" /></a></td> </tr> <tr> <td class="tr-caption" style="text-align: center;">Sigh. It happens every year. Photo found on www.sunnlenska.is</td> </tr> </tbody> </table>That’s a lot of code, and yeah it did come from blogger. Notice that w=300 though?
That happens to correspond to the medium-sized image setting here:
https://alvaiceland.wordpress.com/wp-admin/options-media.phpIf you take off the w=300, the image goes more or less full content width.
If you’d like, we can try re-importing (probably into a test site first) to see if changing that size will affect the outcome. Let us know if you’d like to give that a go.
- The topic ‘widen Cubic theme wrapper’ is closed to new replies.
WordPress.com Forums 