Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Excerpts, Read more, Pagination »

How would you have a bigger Read More look like?


  #1  
Old Jul 9, 2014, 12:30 PM
Jerry_Q4d
 
22 posts · Apr 2014
How would you have a bigger Read More look like?

Hi, I am currently redesigning my site to be more mobile-friendly. Most of it works allright using fingers to navigate, only the "read more" still bothers me. It is too small, or at least not high enough to be easily reachable with your thumb or index finger.
So I am trying to create a larger, clickable "read more" area. What I dont want to do is creating a huge box with an arrow on it. Rather, I would like to keep the "read more" text, but make it twice as high as a normal line of text.

I tried to use css commands to make the "read more" bigger. The downside is that the line of text in which it resides also gets bigger because of that, so that the spacing doesnt look good. Ideally, the "read more" would be twice as high as the text of the excerpt, and the excerpt would wrap around it. Any way to do that?
  #2  
Old Jul 9, 2014, 02:20 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Could you post a link to your site so we can see what CSS might be needed?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jul 9, 2014, 03:04 PM
Jerry_Q4d
 
22 posts · Apr 2014
Here it is: http://extrajournal.net

Id like to keep the >>Weiter>> (read more), but make it bigger...
  #4  
Old Jul 9, 2014, 06:13 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
I would try something like
HTML Code:
@media only screen and (max-width: 767px) {
   a.more-link:link,
   a.more-link:visited.
   a.more-link:active {
      line-height: normal;
      font-size: 34pk;
   }
}
changing the size too what you think is appropriate
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 9, 2014, 07:36 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
And here is some code that I came up with.
HTML Code:
.post-footer {
    margin-top: 10px !important;
}
.more-link span {
    font-size: 1.2em;
    padding: 5px;
    top: 10px;
    position: relative;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Jul 10, 2014, 07:18 AM
Jerry_Q4d
 
22 posts · Apr 2014
You are both great! I got both versions working! But what is actually better? Is it better to have the big version active all the time (lmilesw), or go with the @media query and use it only on the small screen (juggledad)?

What do you prefer, personally? I thought I would like to just have it big enough (one size fits all). But now I am not so sure. By the way, why do you use "@media screen only" juggledad? shouldnt it be "handheld"? I dont know much about responsive design, unfortunately

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Thumbnail of last article bigger brunoscala Excerpts, Read more, Pagination 0 Feb 3, 2012 04:32 PM
[SOLVED] bigger logo messes up alignment - how to shift down? ikllc Header configuration & styling 2 Jan 10, 2011 05:26 PM
[SOLVED] Bigger Post Area jnest Center area post/pages 2 May 26, 2010 05:55 AM
How to change the RSS and Comments icon to a bigger one??? ngc RSS, Feeds & Subscribing 6 Jun 19, 2009 12:52 PM
Possible to make css/html inserts box bigger? BigG Atahualpa 3 Wordpress theme 2 Apr 28, 2009 12:07 PM


All times are GMT -6. The time now is 11:17 AM.


Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.