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 » Post-Kicker, -Byline & -Footer »

[SOLVED] Move and customize the date


  #1  
Old Jul 11, 2014, 06:47 PM
Novaska
 
5 posts · Jul 2014
[SOLVED] Move and customize the date

Hello,

I am a beginner and I hope you can help.

I would like to move the date actually in the red part to the blue part.

Here is a screen :



I also would like to remove the background color of the date and to change the color of the date to Green.

I dont want to move the Tags and comments section.

Thank you :-)

Last edited by Novaska; Jul 11, 2014 at 07:14 PM.
  #2  
Old Jul 12, 2014, 04:17 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Rule 1: provide the url

you could try moving the date from the 'FOOTER: xxxxxxxxx' option(s) to the 'KICKER: xxxxxxxxx' option(s) and then position it with CSS.

That said, that is going to leave a lot of blank space to the left of the posts
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 12, 2014, 03:05 PM
Novaska
 
5 posts · Jul 2014
Hello,

Thank you for your answer.

The URL is :

http://metiersdujeuvideo.fr/

I think I am nearly done, here is a screen :




I would like to move the date just a bit more to the left side in the blue section instead of the red one.

Here is my CSS :

Atahualpa Theme options > Style POSTS & Pages > BYLINE BoxStyle:

margin: 10px 30px 10px 0;
float: left;
background-color: #8cc260;
color: white;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
border-width: 50px;
border-style: solid;
border-color: #8cc260;
font-family: Verdana, Geneva, sans-serif;

I probably have to modify "float: left;" by something else but I tried everything I found and it was not enough. :/

Last edited by Novaska; Jul 12, 2014 at 03:27 PM.
  #4  
Old Jul 12, 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
try adding
HTML Code:
  left: 1px;
    position: absolute;
    width: 100px;
__________________
"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 12, 2014, 06:20 PM
Novaska
 
5 posts · Jul 2014
it is perfect :-) thank you

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] %date-modified% shows same as %date% dcclxi Post-Kicker, -Byline & -Footer 2 Apr 4, 2012 11:08 AM
PATCH 373-03: date-modified in post/page info items returns the date published juggledad Old Version fixes and change logs 0 Dec 30, 2011 06:41 PM
How to: Delete Comments Tab; Move Search Bar; Move RSS icon to Menu Page bar frugalmommytoday Header configuration & styling 1 Oct 14, 2010 07:50 AM
How to move date / comments directly under post title? socalfusions Center area post/pages 1 Jul 21, 2010 02:09 AM


All times are GMT -6. The time now is 04:54 PM.


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