-
Author
-
May 2, 2015 at 21:57 #57073taigerParticipant
Hi I would like to move the Display post meta in Single post page from displaying on the left to displaying on top of the post.
CAn you tell me how we can do this.
T
May 5, 2015 at 11:06 #57382LauraModeratorHello, this can be done with css
Here are different styles (check attachment):
STYLE 1COPY CODEarticle .article-meta { width: auto !important; float: right !important; text-align: center !important; } article .article-meta .post-meta .meta-author { float: none !important; } article .article-meta .post-meta .meta-author img { float: right !important; margin-right: 46% !important; }
STYLE 2
COPY CODEarticle .article-meta { width: auto !important; float: none !important; text-align: right !important; margin-right: 5% !important; }
Add the style you want to quick css or style.css of child theme
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
Attachments:
You must be logged in to view attached files.May 7, 2015 at 14:10 #57696LauraModeratorHello, please share a link so i can create a css code for you 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
May 10, 2015 at 13:09 #58181LauraModeratorHello, sorry i am not able to view the page i get this message “We are having a make over”
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
May 19, 2015 at 01:54 #59324LauraModeratorHello, its just a matter of a css change, that maybe others wouldnt want in a release, i can do it for you if you give me access to your website 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
May 19, 2015 at 07:37 #59377taigerParticipantHi thanks for getting back to me.
Please see past questions for the ftp info.
Please also let me know where the changes have been made. .just in case I need to revert.
Regards.
May 21, 2015 at 12:56 #59702LauraModeratorHello, i do not know what child theme are you using, but you can place this css in style.css of your current child theme
COPY CODEarticle .article-meta .post-meta small { font-size: 14px; }
You can change 14px for the size that you want 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 15, 2015 at 19:53 #62958LauraModeratorHello, can you share a screenshot please? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 25, 2015 at 21:48 #64963LauraModeratorHello, can you turn it on and link me to the page so i can adjust the size with css? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 27, 2015 at 05:51 #65195LauraModeratorHello, thanks! will fix this in some minutes…
Will let you knowHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 27, 2015 at 07:14 #65198LauraModeratorHello, fixed! Everything is in your quick css
CSS Used:COPY CODEarticle .article-meta { width: auto !important; float: left !important; text-align: center !important; margin-left: 310px !important; }
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 28, 2015 at 04:09 #65297LauraModeratorMhm i see it, dont worry will fix it now 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 28, 2015 at 04:24 #65298LauraModeratorHello, changed the view, how does it looks now? 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
June 29, 2015 at 06:26 #65410LauraModeratorHello, it depends on the social media position so shouldnt be turned off, what is your screen size? Will check out the css for your screen
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
July 2, 2015 at 04:24 #66137LauraModeratorHello, fixed, how does it look now?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
July 2, 2015 at 04:31 #66138LauraModeratorThe css is not working fine, do you have a cache plugin setup? Please add
COPY CODE.w2dc-listings-block-content { width: 100%; } .container img { height: auto !important; } @media screen and (max-width: 700px) { #header .header-banner { display:none; } } header.w2dc-listing-header h2 a, header.w2dc-listing-header h2 a:visited { font-weight: normal; } .w2dc-categories-root { font-weight: normal; } div.w2dc-content .w2dc-fields-group { margin-bottom: 40px; margin-left: 0; margin-right: 0; margin-top: 70px; } div.w2dc-content .w2dc-fields-group .w2dc-fields-group-caption { font-weight: normal; } .w2dc-big-slide { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; overflow:hidden; text-align:center; } .w2dc-big-slide-wrapper { background:none 0 0 repeat scroll #FFFFFF; border:5px solid #FFFFFF; box-shadow:#ffffff 0 0 5px; margin-bottom:20px; overflow:hidden; transform:translateZ(0px); } .wp-caption { background-color:transparent !important; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: -12px; } .w2dc-content.w2dc-search-form { border-radius:0px; margin-bottom:20px; } .w2dc-content .w2dc-btn { -webkit-user-select:none; background-image:none; border:1px solid transparent; border-radius:0px; cursor:pointer; display:inline-block; font-size:14px; font-weight:normal; line-height:1.42857143; margin-bottom:0; padding:6px 12px; text-align:center; vertical-align:middle; white-space:nowrap; } .w2dc-search-section-label { font-family: "Open Sans Condensed",Arial,Helvetica,sans-serif; font-size: 1.7em; text-shadow: 0 1px 1px #000000; font-style: normal; line-height: 2em; border:1px solid transparent; border-radius:0; line-height:1.42857143; margin-right:2px; } .vc_separator h4 { display:table-cell; font-size:20pt; line-height:1em; white-space:pre; } main-color *::-moz-selection { background-color: #000000; color: #ffffff; } .alternate-color .kleo_ajax_results h4 span { background-color: #000000; } #main .main-color h1, #main .main-color h2, #main .main-color h3, #main .main-color h4, #main .main-color h5, #main .main-color h6 { color: #666666; } .vc_separator h4 { display: table-cell; font-size: 18pt; line-height: 1em; white-space: pre; } .w2dc-content { font-size:16px; } .w2dc-search-section-label { font-family: "Open Sans Condensed",; font-size: 1.5em; font-style: normal; line-height: 2em; text-shadow: 0 0px 0px #000000; } .single .container .with-meta .article-content, .posts-listing.standard-listing.with-meta .article-content { margin-left: 0px !important; } article .article-meta { width: auto !important; float: left !important; text-align: center !important; margin-left: 240px !important; } .entry-content .dropcap { color: #e977af; float: left; font-size: 5.71429rem; line-height: 0.75; margin-top: 6px; padding-right: 0.857143rem; text-transform: uppercase; } .posts-listing.standard-listing.with-meta.inline-meta .article-meta .post-meta { float: right !important; margin-left: -100px; } .template-page.col-sm-8.tpl-right.with-meta .article-meta { margin-top: 0px !important; position: absolute; } div#shr_canvas2 { padding-bottom: 50px; } @media (max-width: 991px) { .template-page.col-sm-8.tpl-right.with-meta .article-meta { margin-left: 110px !important; } } #main-container .article-content { padding-top: 50px !important; float: none; width: auto; border: 0; background: transparent; }
To your style.css
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
July 3, 2015 at 08:56 #66312taigerParticipantHi thank you so far. We are still not happy with the way the meta displays, it position is rather random and would be great id it was integrated better.
We are now live, and i had to disable it until we can get a fix 🙂
July 4, 2015 at 23:47 #66525LauraModeratorHello, go to Theme Options > General, scroll down to find quick css, there you can disable the codes 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionLaura Solanes - Graphic Designer and Web Designer
Please be patient as I try to answer each topic as fast as i can.
If you like the theme or the support you've received please consider leaving us a review on Themeforest!
Always happy to help you 🙂
-
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.