Sela Theme – Move left logo image
-
Hi, how can i do to add the CSS code to move left the logo image on the free theme Sela ?
Thanks
The blog I need help with is: (visible only to logged in users)
-
HI there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to left align your logo.
.site-logo { float: left; } -
thanks, working fine.
Last question, but im not sure it possible. Do u know if it possible move the social button from footer to right of logo image?My logo image it left now (and thanks again) and right i have the free space.
Thanks again
-
Yes we can. Given your header design, I’ve used two Media Queries. The first for screens/windows 750px and wider where the icons stay on the right and in line with the top of your logo. To keep the icons from overlapping your logo, at 749px and narrower I’ve moved them to the left above the logo and aligned with the left edge. See what you think, and make sure and view them on a tablet (if you have one) and on a smart phone to make sure everything works as it should. In my testing it did, but it would be good for you to check also.
.site { position: relative; } @media screen and (min-width: 750px) { .social-links { position: absolute; top: 53px; right: 55px; } } @media screen and (max-width: 749px) { .social-links { position: absolute; top: 10px; left: 40px; } } -
u are the best! but is it possible change the icons color? because by default are pink… i want try another color…
and do u know how to fix the footer widget size? because now i have only 2 to 3 widget on the footer because if i add the thirt go under the actual widget. i have try more widget, but when add the 3 widget the template setting it bad.
sorry for my english
thanks a lot -
This will allow you to set the non-hover color as you desire.
.social-links ul a::before, .footer-widget-area button { background-color: #f9949e; }The hover color, isn’t a color as such, but a change in opacity, making it a little lighter. Change the color above and then try hovering them. If you wish to change the opacity, add the following. The closer to 0, the more transparent.
.social-links ul a:hover::before { opacity: 0.75; }If you wish to use a different solid color for the hover, remove the opacity declaration and add a background color declaration similar to the first rule and set your color.
-
hi again, my template it ok now, but i dont understand why when add one widget on First Footer Area, one on Second Footer Area and one on Third footer area, not are aligned but i have the caos.
-
Hi, I have edited the bottom two text widgets in your right sidebar. On the image code in both as they syntax was wrong for an image link. They were missing the ending
</a>
The correct syntax for image links is
<a href="LINK URL"><img src="IMAGE URL" title="" alt="" /></a>
Without the closing “a” tag, it was carrying down and into the footer widget area and messing things up.I also changed the https to http on the e015.expor2015.org link since Firefox whined about it being untrusted. It works fine with http though. (No need in causing Firefox visitors to freak out.) :)
-
Hi again, do you know if it possible move the social icons on the search widget? Because on the title it nice but i think i better in the right with others widget.
Thanks a lot
-
Hi, I would like to move the logo down, closer to the website tagline on the header. How can I adjust that via CSS?
Thank you!
-
Hi there, can somebody please tell me how to move my header logo into the centre of my page? My theme is Zuki. Thanks
-
Hi @macooney, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum. Many thanks in advance.
-
-
It worked perfectly, thank you!
Regarding the social icons, I was wondering if I could have them on the bottom of the front page content area (the white rectangle), while maintaining them on the footer throughout the entire website. Is it possible?
I also want to change the links color, how can I do that?
Thank you so much for your help!
-
On the social menu items on your front page, give this a try.
.home .social-links { position: relative; top: -70px; } .home .social-links ul a::before { background-color: #404040; color: #fff; }This will turn a majority of the links in your site a different color. See if this gets you what you want.
a { color: #cc0000; } -
do u know how can i do to change only the link color? because now the link color it same the bar menu… but i prefer use a different color (red) so it better.
thanks a lot!
u save all here! -
Hi, can you verify which site you are talking about? Right now the site you referenced is using Sela and the menu and links in the content area are blue. I was thinking you were talking about changing to a different theme, Suits I think. And are you wanting to change the color of the links in the content area, sidebar, both, or in the menu?
-
Hi, the website is gerardopandolfi.com with Sela theme. The other post about Suits theme it for my friend because not know the english and ask me to try to ask a support.
But i have Sela theme, sorry for this invoncenience.
-
No problem. Are you wanting the blue background to be red, or are you wanting the bar to remain blue, but with red text?
If you only want to change the white text to red, then you can use the following and adjust the color as desired.
.main-navigation a { color: #cc0000; }If you want the menu bar red with white text, use this instead.
.main-navigation { background: #cc0000; }If you also want the background on the submenus red with white lettering, add the following also.
.main-navigation ul ul { background: #cc0000; } .main-navigation ul ul a { color: #fff; }
- The topic ‘Sela Theme – Move left logo image’ is closed to new replies.
WordPress.com Forums 