Forum Replies Created
-
Posts
-
Thanks. I spent some time looking into flexbox and such, but it seemed a tad too complicated for me. In the end I found a solution just by messing with the code in my child theme stylesheet. All I needed to do was to add was a height attribute into .footer-widgets .widget. I added the following:
.footer-widgets .widget {
height: 300px;
}That seems to have worked. All my footer boxes are now equal size.
In your child theme css in the exact area that littleafash mentioned above change the line that says font-weight: 300 to say font-weight: 700
As far as challenges go with using the mobile plug-in, the main thing you're going to face is not much control over the way your blog looks on mobile. Both Jetpack & WPTouch put out a pretty standard format, and you can't change it too much.
As for the widget thing I'm no expert since I don't actually use the front-page widget format on my own blog, but can't you just use Lifestyle Pro and limit the widget to ONE post? I'm using Lifestyle Pro on my blog and it seems to allow me that option, although I admit I haven't played with it much.
You can try Jetpack mobile plugin or WPTouch. It's really better to switch to a "mobile friendly" theme, but if you don't want to do that right now either of those two will work. WPTouch has more options, but Jetpack works fine too.
I totally get the pain involved in switching themes. If you decide to switch themes chose a "mobile responsive" child theme, or just custom code the sample Genesis one.
If you don't want to handle that right now another alternative is to KEEP your current theme and just install a mobile-friendly plugin. The latter is not ideal, but could be a stop-gap solution for you while you decide if you really want to switch themes again.
These are the two I've used in the past
1/ Jetpack - if you have the jetpack plugin on your blog just "active" the mobile tab. That should render a very basic, mobile friendly version of your blog for mobile devices.2/ WPTouch - another plugin that will generate a mobile-friendly version of your blog for mobile devices. The free version works fine, or you can upgrade to the pro for more advanced.
I just ran my own site through this and also found errors.
On side-bar/footer & navigation elements I got a "node is empty" warning
On main content (blog posts) I got an errorMy site wheelingit.us if that helps
And after searching for days I find the code myself only minutes after posting on here. Go figure.
The following works:
.comment-list li {
background: #ffffff;
}
.comment-list li.alt {
background: #ddd;
}Nina
Are you saying you DON'T want all that sliding around? If you just want basic, flat social media icons then I usually do it the old-fashioned way. I upload the icons I want to use into my media library, Then I enter a plain old TEXT box into my side-bar and use the following code:
<div>
</div>
And so on....you can change the size in the code. It's not fancy, but it's always worked for me.
Nina
Are you saying you DON'T want the sliding function? If you just want to enter "flat" social media icons without any of the fancy sliding around I do it the old-fashioned way. I upload the images I want to use for each of the icons in my media file. Then I enter a "TEXT" box into my side-bar and use the following code:
<div>
</div>
It's not fancy, but it's always worked for me. You can change the size of your images directly in the code.
Maybe someone else will come up w/ a fancier solution.
Sorry I didn't see your reply on this before.
What I meant by the "static page" is the following.
In your wordpress panel. Under "appearance" click "customize". You should see an option on there (half way down) that says "static front page". Under that you will see the option to display static posts on your front page. In order for this to work you need for your "home top" and "home middle" widgets to be clear (nothing in them).
You can do it the way you have too of course.
In order to change padding, color etc. I highly recommend this video. That's how I learnt how to do it:
Nina
AHA...the first code snippet worked! Don't know why the other one wasn't pointing correctly.
Thank you. NinaThanks coralseait. I've tried running an image optimizer (EWWW), but it seems to have done very little (almost nothing) to improve my loading speed. My blog is pretty image-heavy, so I'm not sure there is much I can do without degrading image quality. I guess I may just have to live with it?
Nina
OK. Thanks for the follow-up. I will mess around with this idea.
By the way, my site is up at wheelingit.us 🙂
Nina
Hi Christoph,
Thanks. My hosting service (Dreampress) doesn't advise a caching plugin since it might conflict w/ the built-in Varnish cache that they use on their servers (at least that's what they're telling me). Do you know anyway to modify the code to remove whatever is blocking?
Nina
NEVER mind. I managed to find a way to force this fix. I had to REMOVE padding & borders on all my wp-caption in CSS. Once I did that my pics expanded to the correct size.
So, consider this closed. Thank you.
I'm currently using Lifestyle Pro and I just have blog posts on my front page. The way I did this was to delete ALL the widgets (no home, no top, no middle...none of that). In the customize section I chose "static front page" and I clicked on Front Page Displays Your Latest Blog Posts. This worked for me. I've got nothing but regular blog posts on my front page.
