Forum Replies Created
-
Posts
-
Hi there, are you all set? Your images in the post you linked to above appear centered now, but it also looks like you’ve switched to Libretto. Are you happy with that theme now?
Also just a heads-up that since your site has a Business plan, you’re entitled to live-chat and email support, accessible here:
https://wordpress.com/help/contact
You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.
I’m marking this as resolved since it’s been a while since we’ve heard from you. If you need help with anything else, don’t hesitate to start a new thread or contact staff via live chat or email here:
Hi Susan, there is no slider in Small Business.
If that is not possible, can you mimic that look with a carousel of images?
You could try a slideshow gallery: http://en.support.wordpress.com/images/gallery/
The main column in Small Business is 740px wide. I would suggest uploading images at double that size so they are sharp on retina (high-density) screens. If you wanted to go any wider than that, you’d need custom CSS. If you decide to switch themes, we could help you with specific CSS at that point.
Also can testamonials appear on the front page?
You could use the testimonial shortcode:
https://en.support.wordpress.com/testimonials-shortcode/
Given all the specific features you’re looking for, I do wonder if another theme that has these features built in might be better suited. For example, Dara has a slider, testimonials, and a grid-page template. Might be simpler. :)
https://darademo.wordpress.com/
Grid – https://darademo.wordpress.com/services/
And there are others as well; just let me know if I can help with anything else.
I wouldn’t describe it as simple, but it’s doable if you’re comfortable manually coding some basic HTML and CSS. We can also lend a hand to get you going.
Hi Susan, Small Business doesn’t come with a grid-page template. To create a grid of pages, you would need some HTML and CSS code.
Just let us know if you have any other questions.
Also just a heads-up that since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here:
https://wordpress.com/help/contact
You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.
Hi there, looks like you’ve switched to Tortuga, are you all set now?
Also just a heads-up that since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here:
https://wordpress.com/help/contact
You’re welcome to still post in the forums, but those other support avenues may be faster, and you’ll always get a staff reply.
Glad that did the trick!
I’ll mark this thread as resolved but feel free to start a new one – or contact us via live chat – if you need help with anything else. :)
– Change the hover text color on the project images
/* Change colour of portfolio-project titles on hover */ .project-title { color: #bb00bb; }Let me know how it goes!
-Change Blog post title color on front page
/* Change colour of blog titles on front page */ .home .journal .entry-header .entry-title a { color: #bb00bb; }Change text purple to the colour of your choosing.
– Change blogpost date/”posted by” color
/* Change colour of "posted by" and date */ .posted-on a, .entry-meta { color: #ffffff; }I gave you white, but feel free to change the colour code to whatever you prefer.
– Change blog post titles to upper and lowercase on front page
/* Make blog post titles on front page as typed */ .front-page-block .entry-title { text-transform: inherit; }Hi there – I’m going to reply in batches.
– Change menu typecase to lower case
/* Make menu as typed (i.e. Anniston Jory) */ .main-navigation ul, .main-navigation a, .main-navigation.toggled a { text-transform: inherit; }OR
/* Make menu all lowercase (i.e. anniston jory) */ .main-navigation ul, .main-navigation a, .main-navigation.toggled a { text-transform: lowercase; }Follow the guide under the “Social section” heading to set up the social links menu:
https://wordpress.com/theme/mood/setup
Details here as well:
https://en.support.wordpress.com/menus/social-links-menu/Just let me know if you get stuck at any step!
Sure – give this a try in your Customizer‘s CSS panel:
/* Move projects above blog on the front page */ .home .site-main { display: flex; flex-direction: column; } .home .portfolio { order: 1; } .home .journal { order: 2; } .home .about { order: 3; } .home .social { order: 4; }Let me know how it goes.
Also just a heads-up that since your site has a Premium plan, you’re entitled to live-chat and email support, accessible here:
https://wordpress.com/help/contact
You’re welcome to still post in these forums, but those other support avenues may be faster, and you’ll always get a staff reply.
Hi Jenn, if you flip to HTML view in the editor, you’ll see some blank lines and extraneous code, like this at the top of your most recent post, for example. I’ve screenshotted just a portion of it, but the stray lines and div tags go on throughout the whole post:
Remove all the blank lines, non-breaking space tags, and extra div tags. Ideally, remove all the div tags, as they can cause issues when accidentally left open.
To prevent this issue in the future, be sure to paste in content as plain-text only, if you’re copying over content from another location. You can either convert to plain text in a text editor first, or use the “Paste as text” button on the second row of formatting buttons.
Just let me know if you need further help!
You’re very welcome! Glad you’re pleased with things on your site now.
I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.
My pleasure – you too!
I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.
Made the changes and they are working. You can have a look!
Great!
Quick question, having made the changes I noticed that the boxes are not the same size (they go according to the length of the text in the title). This renders, for example, one link with 2 lines and the other with 3 (see attached image). IF I wanted to make BOTH SET/FIXED 2 line links, or 3 line links for example (in the case the title is longer it would simply display “…”) could I do that?
That sort of change isn’t possible with CSS.
If i can ask you a last thing, my apologies i’m a reel noob in css, in mobil mode the text “menu” is blue again when i click and when is active. Is it possible to have these in grey?
Sure – give this a try:
/* Change mobile menu focus & hover */ .menu-toggle:focus, .menu-toggle:hover { color: #6c6c6c; }And also when i click inside to complete the name – e-mail- site web – commentaire, i have a blue frame that i want in grey.
/* Change focus colour on form input fields */ input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { outline-color: #6c6c6c; }Just let me know if there’s anything else!
Apologies for the confusion – definitely a misunderstanding on my part. Let’s straighten things out now!
I had a closer look at the CSS you added previously, and I think I understand what’s going on more clearly. I didn’t realize how much CSS you had added yourself; I see it now and think I can give you better guidance. :)
Let’s take a look at this chunk of custom CSS you’ve added:
/* ========================================================= Styling previous and next navigation links (Inner) ========================================================= */ .navigation-paging .previous, .navigation-paging .next, .navigation-post .previous, .navigation-post .next { max-width: 40%; border: 1px solid #fff; text-overflow: ellipsis; overflow: hidden; padding: 5px 10px; border-radius: 15px; background-color: #bb0000; }Could you try changing that block to:
/* ========================================================= Styling previous and next navigation links (Inner) ========================================================= */ .navigation-post .previous, .navigation-post .next { /* remove duplicate selectors that were already in the block called Styling previous and next navigation links (Home) */ max-width: 40%; border: 1px solid #fff; text-overflow: ellipsis; overflow: hidden; padding: 5px 10px; border-radius: 15px; background-color: #fff; /* make background white */ } .navigation-post .previous a, .navigation-post .next a { color: #bb0000; /* make links red */ }It should look like this, and applies to every screen size:
Let me know how it goes – hopefully I’m on the right track now!
Theme Support 