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, 4 months ago by
GJudy.
-
AuthorPosts
-
September 18, 2015 at 10:22 am #166012
GJudy
ParticipantNothing 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 #166038Tom
ParticipantI 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 #166042GJudy
ParticipantThank 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 #166045Tom
Participant.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 #166074GJudy
ParticipantThank you, Tom. It worked perfectly. I changed the colors to coordinate with the rest.
September 19, 2015 at 9:49 am #166086Tom
ParticipantI 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 #166087GJudy
ParticipantI will! Someone can mark this as 'resolved.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.