themebreaker

Hi there,
How can I replace the number count in COMMENTS with a simple speech bubble icon that links to the comments or a word or phrase, for example ‘Share your thoughts…’ that links to the comments?
Thank you, as always, for all your help and advice.

Dear Takao/Mr Utsumi,
Firstly, I am very sorry I did not reply immediately to thank you for your input and help; I usually reply as soon as I get a notification email, but I’ve not been well and haven’t checked my email or been working on my blog.

Thank you so much! This piece of code, posted in my Additional CSS works perfectly.

It gave me a lot of pleasure to log on today and see all the simple changes your help has allowed me to make to my theme, changes that make me happy and proud of what I’m learning. If you are ever feeling disheartened, please remember that every small thing you do to help people like me has a ripple effect all round the world. You are a very decent, honourable person.
Best wishes from Scotland

You were so right about the “issues”! The link problems are completely my own fault, I know, but I was just wondering if there is any code I can add that would remove the underline on hover? This is the code I inserted into the custom CSS. (The commented out colours are the default in Write; I didn’t know how else to get the links in FIRST inheriting the colours I choose in the customiser.)

/* Link */
a {
	color: inherit;
	text-decoration: none;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, color .15s ease-in-out, opacity .15s ease-in-out;
}
.entry-content a,.page-content a, .author-description a, .comment-content a, .post-navigation a {
	/*color: #a87d28;*/
	text-decoration: none; border-bottom: solid 1px
}
a:hover {
	/*color: #c49029;*/

• This reply was modified 6 years, 8 months ago by themebreaker.

Thank you for resolving this in the topic called ‘How to hide the logo in desktop view only.’

Absolutely no need to aplogise, certainly not for bothering me – you never could! So many people must benefit from you generously sharing your expertise here in the forum. Because you sent the code, I knew the logo-hiding was possible and so I was determined to figure out what I’d done wrong. That’s how I got to the solution in the end: determination, luck and feeling I had your support. I owe you so much, and some day will send you the link to my simple site when it’s up and running. I’m 58 years old and I genuinely have no knowledge of coding. Everything I learn, I learn from becoming familar with the stylesheets of your themes, looking at the source code of other themes, learning from online ‘schools’ and asking people for help. I’m a linguist and translator, so I like spotting patterns. I’m also a mum, so I know how important it is to learn by doing and to learn from mistakes.
Best wishes.

Hi again. I kept experimenting with the code you sent, seeing if the media screen and (min-width 980px) bit worked with various combinations of .site-logo, .site-title .header-side and .site.top. etc. I also changed the px width to 960px. Eventually, this seemed to work but I’m scared it might cause issues cause I really don’t understand why it’s worked!

@media screen and (min-width: 960px) {
.site-header .site-logo {
display: none;
}
}

Do you think this is OK? Will it cause any issues?

Thank you! Good to know. As a beginner, I only discover what’s possible by trying, experimenting, looking online and then asking for advice when I get really stuck. This kind of customisation is something I can aspire to learn in the future. Best wishes.

First of all, THANK YOU! I never take any of your responses for granted and they are always appreciated. I don’t think there can be many professional theme developers out there who are this kind and helpful to an enthusiastic beginner.

This is SO exciting yet frustrating at the same time. I tried the code in FIRST, in Additional CSS, Custom CSS and directly in the Stylesheet in the editor, in several places related to site-logo, but it didn’t work. But I know your code always works, so I then tried it in WRITE and free GRAPHY, in the Additional CSS and it worked PERFECTLY first time!

The only changes I made directly in the editor of FIRST (before I found the forum and realised what the Custom CSS function does) were to move the sidebar from right to left and to replace the black pagination with WRITE’s pale grey pagination.

I’ve deleted the cache, tried replacing the title with the logo, tried it with both navigation menus in place, a boxed and wide layout and with a centered logo and left aligned logo.

I have tried temporarily removing ALL the code I’ve added to FIRST’s Custom CSS and Additional CSS in case any of those changes affected how this piece of code works in FIRST, but it still doesn’t work. Any ideas? I am so close to being able to go live with this theme and start blogging again. I’ve got maintenance mode on while I’m learning all this.

Thank you – adding this worked perfectly! Learning how to make these little changes and how to combine my favourite elements from your elegant family of themes is bringing me so much joy and satisfaction. I know you must be very busy creating new themes and supporting the users of your premium themes, so I am very grateful for your care and generosity in this forum; I’m sure other FIRST users must appreciate your input, too. We are very lucky.
Best wishes.

Dear Takao/Mr Utsumi (Forgive me, but I’m Scottish and so don’t know how to address you correctly and in a friendly way but with respect.)
It worked perfectly and the lines are now the same! Your themes are elegant because of the attention to detail, so I’m working hard to get the details how I want them, without losing the original beauty of the styling and typography.

Thank you!

Thank you for your prompt reply and for your honesty. (I wish you had a DONATE button on your Themehaus site!) I have to get a balance between enjoying learning from small and gradual challenges and becoming disheartened by ignoring my limitations. I’ll try and learn if there’s code to make the logo image invisible in desktop view without taking up space and just put an image widget in the sidebar.

Thank you for your prompt reply, as always. It was really difficult, especially for a learner, but this is why I enjoy learning from your lovely, clean code; I’m starting to see patterns. I looked at the First and Write stylesheets in the editor, found where underlines apply, and changed ‘underline’ to border-bottom:solid 1px then pasted it into the custom CSS bit of First. Fingers crossed… apart from doing weird things to plugin links – my next challenge! – it seems to work. I hope I haven’t done anthing stupid to the code. That’s why my username is Themebreaker… I learn by trying.

}
.entry-content a,.page-content a, .author-description a, .comment-content a, .post-navigation a {

text-decoration: none; border-bottom: solid 1px
}
a:hover {

Thank you, as always, for your prompt and helpful reply. I’ve successfully applied the code, but was wondering how to make the top and bottom lines the same length?

Having a white navbar will be really useful if I can’t figure out how to collapse the header menu into a hamburger. (In desktop view, I prefer the appearance of a left aligned title and right aligned header menu in the same line because I’m going to attempt (!!!) to shrink the whole header on scroll to 45px and make it sticky.)

Your beautiful typography makes me determined to build my site by combining elements of your themes, although you can probably guess from my username that I make more mistakes than progress! I have another question about logos, but will start another thread so that other folk can benefit from any replies. Thanks again.