Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Change page title, color, size, shadow etc
- This topic has 7 replies, 2 voices, and was last updated 8 years, 1 month ago by seamus@deivert.com.
-
AuthorPosts
-
December 11, 2015 at 9:35 am #18078seamus@deivert.comParticipant
Hi
1. How do I change a page title size, color and remove the shadow (portfolio)? and/or hide a page title for a single page,
2. How do I make the title/tagline area shorter ie i want the portfolio filter to start higher up on the page.
3. where do I Change the portfolio filter font and size?
4. Is it possible to have the header page names in an other color for the active page?
I can’t figure out where these things are in the appearance editor.
Thanks!
SéamusDecember 11, 2015 at 10:56 am #18079VeenaModerator1.Pls check Themeoptions > Fonts tab and see if it helps or you can add custom CSS.
1,2,3,4 :- You can use the below custom CSS in themeoptions –
.page-id-15 #title-area { padding: 5px 0 0; } .page-id-15 #title-area .page-title.entry-title a { color: #000; text-shadow: none; font-size: 38px; } .page-id-15 #title-area p { margin: 0; } .page-id-15 #portfolio-filter a { color: #777; padding: 0 8px; font-size: 14px; font-weight: 500; } .page-id-15 #portfolio-filter a:hover { background-color: #000; color: #fff !important; } #primary-menu > ul.menu > li > a:active { color: #2334E6 !important; }
February 11, 2016 at 3:15 pm #19207seamus@deivert.comParticipantTHanks! The custom css worked for that page. Though when I copy this code and paste into the custom css just below the above code, and just change the page-id to 11 it does not work on an other page as well. Any thoughts?
.page-id-15 #title-area {
padding: 1px 0 0;
}
.page-id-15 #title-area .page-title.entry-title a {
color: #FEFEFE;
text-shadow: none;
font-size: 18px;
}
.page-id-15 #title-area p {
margin: 0;
}
.page-id-15 #portfolio-filter a {
color: #777;
padding: 0 8px;
font-size: 15px;
font-weight: 500;
}
.page-id-15 #portfolio-filter a:hover {
background-color: #914e4e;
color: #fff !important;}
.page-id-11 #title-area {
padding: 1px 0 0;
}
.page-id-11 #title-area .page-title.entry-title a {
color: #FEFEFE;
text-shadow: none;
font-size: 18px;
}
.page-id-11 #title-area p {
margin: 0;
}February 12, 2016 at 7:27 am #19231VeenaModeratorCan you share a link to this page that having page id 11?
BTW if you want to apply same color,font etc for all the page titles/title area you can give custom CSS as below ie, you need not mention pageid’s.#title-area { padding: 5px 0 0; } #title-area .page-title.entry-title a { color: #000; text-shadow: none; font-size: 38px; } #title-area p { margin: 0; }
February 12, 2016 at 8:23 am #19232seamus@deivert.comParticipantThanks, it works for one page but not for this page for some reason, can’t figure it out..
http://seamusdeivert.com/?page_id=11February 12, 2016 at 8:53 am #19235seamus@deivert.comParticipantIt also does not change the background on the portfolio pages:
http://seamusdeivert.com/?portfolio=byggchefernais that possible to change on a global level?
February 14, 2016 at 6:10 am #19269VeenaModeratorYou can use this custom CSS –
.page-id-11 #title-area h1 { color: #000; text-shadow: none; } h1.portfolio-title.entry-title { color: #000; text-shadow: none !important; }
February 15, 2016 at 5:00 pm #19299seamus@deivert.comParticipantThanx!
-
AuthorPosts
- The topic ‘Change page title, color, size, shadow etc’ is closed to new replies.