Edin theme: Formatting of featured pages on front page

admincuevas · Member · Oct 13, 2015 at 7:46 pm
Copy link

Add topic to favorites
I’d appreciate some help with the formatting of the featured pages (grids) on the front page of my website. The formatting looks fine if the text is a simple paragraph on the featured page, but if the page has a list or bulleted list, all the text is “munged” together with no formatting and looks horrible. Note the Services and Contact features.

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Oct 14, 2015 at 8:54 am
Copy link
Go to Edit Page screen for Services page.

Add the following content in the Excerpts panel. If the Excerpts panel is not visible, enable it from Screen Options at the upper right corner.
```
<ul>
<li>Global area of practice</li>
<li>Private international law</li>
<li>International business transactions</li>
<li>Government compliance</li>
<li>Corporate and LLC formation and maintenance</li>
</ul>
```
I just picked up five random services, but you can change them to your top four or five services and replace them in the above html between <li> and </li>tags.

Edin theme will then display those four or five bullets on the front page with READ MORE button. Clicking on READ MORE will display the full content of your page as it is displaying now.

Give it a try and let me know how it goes.
admincuevas · Member · Oct 14, 2015 at 1:07 pm
Copy link
Thank you so much! That did the trick. I did not even know about the excerpts option as Screen Options/Excerpt Option are not available in the standard wordpress.com editor. When I went over to the “classic” editor, I could see all that and more. It looks great now, and I appreciate your help. Have a great day.
staff-happychia · Staff · Oct 15, 2015 at 8:49 am
Copy link
You are welcome :)

Happy blogging.
andreakrenn1 · Member · Oct 19, 2015 at 5:06 pm
Copy link
Hi,
Finally I know where to find that excerpts box :) Thanks.

I am trying to get that button to work, that “learn more” button on the dianacuevasintlaw.com page.
Can one of you help me with that?

Thanks!
staff-happychia · Staff · Oct 19, 2015 at 5:24 pm
Copy link
@andreakrenn1

Surely. How can I help you with the button on your home page?
admincuevas · Member · Oct 19, 2015 at 10:32 pm
Copy link
Hi Andrea, here is the code I used for the button on the home page:
<a href="http://dianacuevasintlaw.com/home/about/">LEARN MORE</a></span></p>
admincuevas · Member · Oct 19, 2015 at 10:37 pm
Copy link
oops, here it is: <a href="http://dianacuevasintlaw.com/home/about/">LEARN MORE</a></span></p>
admincuevas · Member · Oct 19, 2015 at 10:38 pm
Copy link
Well, I don’t know what i am doing wrong as I used the tick/backtick characters…
coupletripstheblog · Member · Oct 21, 2015 at 2:53 pm
Copy link
Hi,
hmmm… what does that mean in terms of CSS code I have to add? On the Edin demo page it says “If you wish to add a button like below, use a CSS class: button-minimal.”
???
staff-happychia

@admincuevas
Thanks again for your help!
Andrea
thesacredpath · Member · Oct 22, 2015 at 12:50 am
Copy link
@admincuevas, use the backtick at the beginning and end of the code, not the “tick”.
thesacredpath · Member · Oct 22, 2015 at 12:54 am
Copy link
@coupletripstheblog, the CSS for the buttons is already in the theme CSS. What you would do would be to add something similar in the Text tab in the post/page editor to make the button appear.
<a href="https://yourgroovysite.wordpress.com/about/" class="button-minimal">BUTTON MINIMAL</a>
The easiest way to do this is to create a text link where you want the button, then switch to the “Text” tab in the editor and add
class="button-minimal"
as is shown in the above sample code from the Edin Theme Showcase page.

No items found.