Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Sample 'mystery block' related to Archive.
Tagged: archive block, css, genesis sample
- This topic has 6 replies, 2 voices, and was last updated 9 years ago by GJudy.
-
AuthorPosts
-
September 18, 2015 at 10:22 am #166012GJudyParticipant
Nothing serious, but I would like to know what this block is called and where it is in the css. When I open the blog and/or any blog categories, there is an open block in the header area. I found the place to work with the font at:
.archive-title {
font-family: Fugaz One;
font-size: 50px;
font-size: 5rem;
text-align: center;}
I'm fine with the way it is, but I want to know what it is and where it is in case my attitude changes!
I've been experimenting with the Genesis Sample theme (didn't understand it is still undergoing some updating). I don't mind not having access to the css. I found it in the folder, opened it in Notepad++, made some changes and put it into a custom css plugin. (I know that won't work in the longterm). When I got the things I wanted to have changed, I exchanged my style file for the original css file and cleared most of the custom css plugin. (I have it saved, so if something updates, I can retrieve my changes).
http://hthttp://ozarksheritage.com/I have some things in the custom css on purpose at the moment and have updated my style file, I just haven't uploaded that to the host.
September 18, 2015 at 3:59 pm #166038TomParticipantI would like to know what this block is called and where it is in the css.
Line 755 of your child theme stylesheet. There is no 'name'; this is just some CSS styling the
.archive-title
class
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]September 18, 2015 at 4:36 pm #166042GJudyParticipantThank you, Tom. This is the same CSS line where I could address the font. I could add a background color which looks more like highlighting as it is limited to area around the 'title'.
This is what I did with yellow.
.archive-title {
background-color: #ffff00;
font-family: Fugaz One;
font-size: 50px;
font-size: 5rem;
text-align: center;
}
I would have tried to add a border (just to make it do that), but WordPress said it wouldn't work. I've not run into this before where a coding 'fail' doesn't break the site. Something else that intrigues me.
i am using sample version 2.2.2
I will keep looking. It isn't SERIOUS, but I want to know what I would be changing.September 18, 2015 at 6:03 pm #166045TomParticipant.archive-description { background-color: lime; border: 5px solid white; } .archive-title { border: 2px solid blue; }
CSS can break your site, you just haven't got there yet 🙂
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]September 19, 2015 at 6:24 am #166074GJudyParticipantThank you, Tom. It worked perfectly. I changed the colors to coordinate with the rest.
September 19, 2015 at 9:49 am #166086TomParticipantI changed the colors
I should hope so 🙂
Have fun with your new site.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]September 19, 2015 at 9:54 am #166087GJudyParticipantI will! Someone can mark this as 'resolved.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.