some customization
-
hi, i’d like to know a few things for the home page of this site.
first of all, is there a way to hide the bottom bar, and send the social links to the top bar next to the main menu? or at least make it thinner.second: how can i make the logo go all the way of the top header, i tried with one with more than 2000 px and still, on the pc version wouldn’t go more than half the width, in phones appears to look fine.
in regards of this, how can i also thin this one.third: is there a way to re arrange the posts, so that i can put first the more relevants?
finally: i’m using a live chat app, but could’nt make it to this page so i had to put it in a separate post, is there a way to have the icon always floating on the bottom right? the embed isn’t working on css, that’s why i put it in another page, it’s a pure html with php code.
just for your information, i’m using this css to avoid showing the date of the posts.home time.entry-date.published {
display: none;
}window.__lc = window.__lc || {
};
window.__lc.license = 7075531;
(function() {
}thanks.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
…is there a way to hide the bottom bar, and send the social links to the top bar next to the main menu? or at least make it thinner.
We are not allowed to hide or edit the WordPress.com and theme footer credits per our Terms of Service (#1 Attribution). See the Frequently Asked Questions on the Custom Design support page for more information.
You are allowed to restyle the footer credits to better fit with your design as long as they remain readable. The following will make the footer area thinner.
.social-navigation a { height: 35px; } .social-navigation a::before { line-height: 35px; } .site-info { padding-top: 6px; padding-bottom: 6px; } .site-footer { min-height: 30px; }On moving the social icons to the header area, due to the way Boardwalk’s HTML and CSS are structured, isn’t going to be possible.
second: how can i make the logo go all the way of the top header…
There is top and bottom padding on the .site-branding div which you can adjust with the following CSS, however this will not enlarge the logo image since the theme and WordPress software actually create an image in the size required from your original.
.site-branding { margin-bottom: 24px; margin-top: 24px; }Are you wanting the logo to be larger? If so, let me know. It may take a bit of time to work this out due to the way the HTML and CSS are structured. Also, with a larger logo up top, the top white area is going to have to get taller to accommodate the larger image.
third: is there a way to re arrange the posts, so that i can put first the more relevants?
You can set posts as Sticky Posts and they will appear first in the “blog” page” like your main page.
finally: i’m using a live chat app, but could’nt make it to this page so i had to put it in a separate post, is there a way to have the icon always floating on the bottom right? the embed isn’t working on css, that’s why i put it in another page, it’s a pure html with php code.
We cannot add script, such as PHP or Javascript here at WordPress.com for security reasons: https://en.support.wordpress.com/code/ , not in the post/page content, and not in CSS. CSS is a styling document used by browsers to position and style the elements of a webpage. It cannot be used to add functionality.
-
ok, thanks for your answers, in regards of the third question, the logo.
my intention is for it to ocuppy all the top, the site branding, and i want the logo on the left as it is (maybe smaller, or at least less height) and on the right of it, ocupyying the rest of this white spot, i want to get the adress and phone number, i tried it with a 350 height by 2000 width, kinda worked while watching it on phones, but the pc version only goes as far as the middle, any way we can fix this?
also, i’d like to know how to get animated gifs as the images for each post in the home page, i read something about it having to be the exact resolution, how does it work?
thanks for the answers.
-
also, and sorry for asking so much.
i’ve got this code for a chat
<img class=”” src=”//t2.phplivesupport.com/TSM/ajax/image.php?d=0″ alt=”” width=”319″ height=”131″ border=”0″ />it works as an image that redirects to the page where the chat system works, is there a way to have it flying on all the pages? at the moment i’m using it as an image in all the pages that i create, but i want to have it always visible, is there a way for that?
-
On the logo, give this a try, but it is sort of a guess since I don’t have the address and phone number to see the length of things and make the necessary adjustments. In the content declaration below replace address and phone number with the the actual information and then I can look at things again. And in case you are going to ask, adding text content with CSS, I cannot break things into two lines.
.site-branding:after { content: "address | phone number"; position: relative; left: 150px; top: -65px; } .site-branding { margin-bottom: 0; margin-top: 5px; height: 100px; } @media screen and (min-width: 768px) { .site-branding::after { } .site-branding { width: 90%; } .sidebar-toggle { max-height: 100px !important; } .site-main { margin-top: 100px !important; } } @media screen and (max-width: 767px) { .site-branding { width: 50%; } .site-logo-link .site-logo { max-height: 100px; } } -
thank you so much, it was preety much what i was looking.
is there a way to change the color for each of the parts? one color for the number and another for the adress? -
also, i changed the 150 px to 170 so it’s a little farther, the last thing i need to set up before continuing with the data entry is that chat service i talked to you and we’ll be ready to go.
-
is there a way to change the color for each of the parts? one color for the number and another for the adress?
When we add text in CSS using a pseudo selector, as we have, there is no way to set different colors for different parts of that string of text, and there really isn’t a way to add the two strings (phone and address) separately.
On the chat, are you talking about Pidgin that I mentioned? Let me know how things go. I’ve never actually tried it out.
-
no, i’m usign a service called php live, i found out that it worked puting an image that would redirect to the page, about a day before you suggested pidgin, if you look on the page i named contactenos, on the home, you can see the image there, what i’m trying to figure out is how to have that same image/link, floating on all the pages, just like the bottom right button that says follow.
-
We can’t add linked images via CSS. CSS will not accept HTML, so there is no way to do put the linked image on all pages/posts. Boardwalk does have a sidebar, but it is in the slide-out with the menu, so that doesn’t do us much good either in this case. On themes where the sidebar is not on a slide-out, we could put the image into a widget in the sidebar and then use CSS to move it out and float it, but this comes with possible problems since it can end up blocking content on narrower screens/windows.
-
like in phones or tablets? i’d like to try out that option and see wich is the best one i can get with what i’ve got, would you send me the code? thx.
-
We can’t move the widgets on Boardwalk since they are hidden behind a toggle. In themes other than Boardwalk that have a sidebar, we could, but not on Boardwalk.
- The topic ‘some customization’ is closed to new replies.
WordPress.com Forums 