How do I put my blog title in lower case on the ISOLA theme?
-
I love this theme. Its everything that I wanted and more. Unfortunately, I don’t like the all-capitalized blog title. I was wondering if there were something I can do about that – maybe some CSS magic I’m missing?
The blog I need help with is: (visible only to logged in users)
-
Hi feministskull, your theme uses the text transform property to automatically make the title upper case.
This bit of CSS will do the trick for you by targeting the .site-title class and over riding the text transform.
/* Remove text transform from site title */ .site-title { text-transform: none; }Hope that helps. :)
-
-
Hey, no problem at all, happy to help.
With the site title, there’s a few things at play. In order to make the site title larger, without having it break to 2 lines, you need to make some room for it.
Once you increase the font size you also may want to bump the “hamburger” menu icon (to the left) and the search form down a bit as well.
Try this bit of CSS. I commented everything so that you can experiment with the values a bit.
/* Increase site branding area to make room for increased title size */ .site-branding { width: 350px; } /* Increase title size */ .site-title a { font-size: 1.5em; } /* Drop toggle icon down to line up with title */ .toggle { top: 12px } /* Move search form down a bit as well */ .header-search .search-form { top: 8px; } /* Decrease size of text inside of search form */ .wf-active .header-search .search-field { font-size: .9em; }Headed out for some lunch, but give that a go and be sure to post back with any other questions. There’s lots of helpful people here, staff & volunteers alike.
:)
-
Thank you for your time. Instead of 1.5em on the title, I used 1.4em and downsized the search bar to an 8em and that did the trick! Thanks.
-
Hi there,
Just a quick note to say, if you don’t want the search bar to appear at all, you can hide it altogether with:
.header-search .search-form { display: none; }As it is now, it’s not showing on your full site, but the magnifying glass overlaps your bigger title just a bit on a cellphone-sized screen. :)
-
Thanks, I wanted to remove the search bar but didn’t have time to post my question on the forum! Thank you so much!!!
-
I have another question. I’m trying but failing at making the menu on ISOLA theme to move up or condense like the other WP theme’s menus so that my about me widget won’t get crowded out. Is there a way to make the menu move up or condense the sub-items?
-
I kind of fixed it. I was just wondering if it were possible to make the widgets closer together.
-
Hi, widgets in your theme have a bottom margin of 26px. Add a margin-bottom declaration to .widget in your CSS and set the margin to a smaller value (perhaps even 0).
The spacing between the about widget and My Letters can be tightened up by reducing the bottom padding on the top text widget by specifically targeting it by CSS ID like this:
#text-3 { padding-bottom: 0; } -
Oh thank you. But I changed it yet again! I was trying to get everything to fit into this one widget half-page without that obnoxious slider.
-
If you are talking about how you have to click on the icon to get the widgets to appear, that is the way this theme is designed, and it is very difficult to override that behavior in the CSS alone. Also, if a visitor’s browser window is set narrower, the sidebar will obscure part of the content, so it is good to have a way to collapse it. You might want to take a look at more themes that do not have the collapsed sidebar feature.
-
Ah, yes. Thanks for the suggestion. I think Bosco is better for me because the menu and pages are all right there and I think having a copyright widget on the bottom looks better than on a half-page.
I was wondering how to change the upper-case in the page title and make the post titles larger. Thanks for all your amazing help. You guys are all awesome! -
You are welcome and thanks. I like Bosco. It is nice and clean and had great typography (I like serif fonts).
To change the menu text to “normal” and adjust the size of it, add the following CSS. I just arbitrarily used 110% as a font size.
.main-navigation a { text-transform: none; font-size: 110%; } -
-
Thank you, thank you, thank you! Works like a charm! Now I know why you guys are called Happiness Engineers.
Sincerely, Ms. Roberts
-
-
@chicawhappa, to change the CSS at WordPress.com, you would need to purchase the Custom Design Upgrade which also comes with a nice selection of Custom Fonts via Typekit and Custom Colors and Custom Color Palettes. You can read more about the Custom Design Upgrade here: http://en.support.wordpress.com/custom-design/
-
Hey there! Since you guys were so awesome at helping me with my personal blog – how about my science blog?
I’m looking for a way to change the tag links to a different color on the adaptation theme. My science blog is this http://theotherscienceblog.com
Thanks guys!! -
Hi, add the following to change the color of the tags links and the surrounding border. I’ve included the code for the “hover” colors also.
.tags-links a { color: #b948c5 !important; border: 3px solid #b948c5; } .tags-links a:hover { color: #1299a5 !important; border: 3px solid #1299a5; }
- The topic ‘How do I put my blog title in lower case on the ISOLA theme?’ is closed to new replies.
WordPress.com Forums 