Hi there,
I’m trying to work out a couple of different issues I’m struggling to find the answers on. I have a really rudimentary knowledge of CSS and WordPress, usually enough to make do what I need to. But as I said, struggling with a couple of things and appreciate some help.
Website in question: eggsoverzz.com
1. My first issue is the entry-title. It was a bit too small for me before, so I inserted CSS to boost the size of the font. However, this makes the post titles on the homepage look a bit full. I’d like to change how the entry-title appears on the homepage v. the individual post page by using a smaller font on the homepage for the entry.title (22px) versus the way the entry-title appears on the individual post page (26px). I’m not sure how to do that and got the feeling from some other forum threads that I needed to edit the php. I’m not all that great with php so I’m a bit nervous to make edits without asking first. In the meantime, I split the difference and made the entry-title 24px sitewide.
Here’s the CSS edits I’ve made to a child theme of Boksy Lite.
/*
CTC Separate Stylesheet
Updated: 2016-06-26 07:20:37
Theme Name: Boksy Lite Child
Template: boksy-lite
Author: gbobbd
Author URI: https://creativemarket.com/gbobbd
Description: Boksy is a clean and minimal responsiveWordPress theme for personal bloggers. Putting content first is the key focus in the overall design. It looks good both on large and small screens. If you are familiar to use WordPress, you already know how to use Boksy as it is built with the most essential and standards of the WordPress framework. Personalizing Boksy can never be easier as it takes advantage of one of WordPress' most powerful tool - the customizer. Please check out the full version if you like it!
Tags: black,white,light,one-column,two-columns,three-columns,left-sidebar,right-sidebar,full-width-template,sticky-post,translation-ready
Version: 1.1.1.1466925637
*/
/* Minimizing space above Header Logo */
.site-header {
margin: 0 auto;
max-width: 996px;
padding: 10px 0 10px;
}
/* Minimizing space below Header Logo */
.site-branding {
margin-bottom: 10px;
text-align: center;
}
/* Widen Page Body Content Container */
.main-container {
padding: 0 16px 16px;
width: 760px;
}
/* Minimizing padding in footer to conserve vertical space */
.site-footer {
padding: 20px 0;
}
.footer-widget-area {
margin-bottom: 10px;
}
.footer-footer {
padding: 10px;
}
.site-info {
margin: 8px 0;
}
/*Making main menu font darker*/
.main-navigation a {
display: inline-block;
border: none;
color: #898989;
font-family: "PT Sans";
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
padding: 8px 24px;
position: relative;
}
/* Changing the font & Making the post content font bigger and darker */
p {
color: #000000;
font-size: 112%;
font-family: "PT Sans";
}
h1 {
font-family: "PT Sans";
}
h2 {
font-family: "PT Sans";
}
h3 {
font-family: "PT Sans";
}
h4 {
font-family: "PT Sans";
}
h5 {
font-family: "PT Sans";
}
/* Making post author name gold instead of orange*/
.entry-author-name a {
color: #f2c323;
}
.entry-title, .entry-title a {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 24px;
}
/* DOESN'T WORK -- Changing the rotating tweets plugin for lighter font
#rotatingtweet p.rtw_main {
font-color: #999999;
}
*/
2. I’m trying to brighten the font on the Rotating Tweets plugin that I’m using in the footer. I tried in the child theme css and wasn’t successful. (you can see it in the code above) So I went into the editor for the plugin and followed instructions to make a duplicate css page in the uploads folder that will allow me to make CSS edits that won’t be affected by plugin updates. But I can’t seem to get that to work either. Here’s what I’ve got on that CSS sheet. I left the author’s notes and twitter bird css at the top:
/* Rename this file to rotatingtweets.css and upload it to /wp-content/uploads/rotatingtweets.css and it will automatically be included in the rotatingtweets CSS by the plug in */
/* It shouldn't be overwritten when the plug-in is upgraded! */
/* This particular CSS makes a bird appear to the left of your tweets - you can find more birds at https://dev.twitter.com/docs/image-resources */
div.rotatingtweets_format_0 p.rtw_main {
background-image: url('../plugins/rotatingtweets/images/bird_blue_32.png');
background-repeat:no-repeat;
background-position:0 7px;
padding-left: 38px;
min-height: 36px;
}
div.rotatingtweets_format_0 p.rtw_meta {
padding-left: 38px;
}
div.rotatingtweets_format_0 p.rtw_main {
font-color: #999999;
}
Hope that helps and thanks in advance for any help!
]]>Hi everyone!
I would lime to know how can I make more columns in the home page. like is showed in the preview of the theme.
At the moment I only have one with all the posts.
Thank you!!
]]>Hey everyone.
I started to use this them, and when I added a post I see the picture twice. The Excerpt on top, and then the one I added in the post, goes below.
Can someone tell me how I can fix this? I would like to see in the post the one I added there, not the excerpt
Hi,
I’m trying this theme but I cannot see the excerpt of the post in the home page.
I would like to select that it show the excerpt in my homepage by default, not using the code “more” in the post. Is it possible?
Thanks in advanced.
Hello, can anyone tell me how to change the text font color to black in the Lite version? The default light grey font is quite hard to read.
If this option is available in the full paid version please let me know.
Thank you.
]]>