- This topic has 53 replies, 4 voices, and was last updated 5 years, 6 months ago by Leo.
-
AuthorPosts
-
June 21, 2018 at 3:49 am #605049Guna
Hello Tom,
I am revising my site again, and have found some few small things i would like to improve, but cant really see where to change them:
1.I would like to change my social media buttons in the widget follow me, cause they look very ugly, but i cant find any setting where i can make them look more minimalistic (black on white), like for example in this page:
http://www.marieclaire.co.uk/fashion/the-best-fashion-blogs-ever-69888
2.On the main page I would like to divide my blogpost from the side bar widgets with a very small black line, how do i do that? Here is the example:
https://nancynjoka.com/
3.In the widget About Me, I would like my text to be aligned – justify text,how can i do that?
4. When i want to edit my only post, and i open it to edit, it says edit with elementor and opens in elementor. What is this elementor and why it doesnt allow me to edit it the way i was used to do it?June 21, 2018 at 7:17 am #605210DavidStaffCustomer SupportHi Guna,
1. Check out Tom’s lightweight social icons plugin:
https://wordpress.org/plugins/lightweight-social-icons/2. Border between primary and side bar use this CSS:
@media (min-width: 768px) { #primary { border-right: 1px solid #222; } }
3. Justify text in widget use this CSS:
.inside-right-sidebar .widget .textwidget { text-align: justify; }
4. If you are not using Elementor then you can disable it in the Dashboard > Plugins
June 21, 2018 at 9:31 am #605419GunaThanks a lot!
June 21, 2018 at 9:40 am #605427DavidStaffCustomer SupportYou’re welcome 🙂
June 21, 2018 at 9:49 am #605440Guna2.Oh, maybe i didnt explain well, but i meant that i would like to make a border between the right sidebar, where I have about me and follow me and the last article. Now it is on the left side of the article as you can see.
June 21, 2018 at 10:08 am #605457DavidStaffCustomer SupportOops my apologies, i have updated the code above so its now between the content and the sidebar
July 1, 2018 at 3:19 pm #612978GunaHello David!
I want to do some changes in my site and would appreciate your coding help, as I dont think I can do it in my wordpress dashboard:
1. I want my logo to appear in the center of the header and most importantly in the center of mobile version header too, cause in the mobile version my logo doesn’t apear at all, just a symbol of an image!
2.I cannot find where to remove the sides of the main menu bar, the ones that are in blue color, as I want to remove them completely, thats why I colored them in that color, so it is visible what i want to remove. Actually i know how to remove the color but dont know how to remove the contour, which i need in the central part but not where the blue part starts. Also the search symbol has run very far, which i would like to have closer or in another icon.
3.Talking about contours, I would like to give the line that you gave me code for recently in this color: R80 B80 G80 together with more padding between the line and right side widgets and I would also like another line between follow me and about me, as well as line between about me and Newsletter. The example – exactly like in my friends page:https://nancynjoka.com/category/lifestyle/Thanks a lot in advance!
July 1, 2018 at 3:38 pm #612983DavidStaffCustomer SupportHi there, can you provide a link to your site? You can edit the first topic post and use the Site URL field which will remain private
July 1, 2018 at 11:07 pm #613089Gunayes, of course, sorry I forgot about it. Its is goitdoit.com
July 2, 2018 at 3:35 am #613210DavidStaffCustomer SupportHi Guna,
1. Look for this CSS in the additional CSS:
@media (min-width:769px) { .site-branding { display: inline-block; } .site-logo { float: left; margin-right: 20px; } }
and replace it with:
@media (min-width:769px) { .inside-header { display: flex; flex-direction: column; } .site-branding { order: 2; } }
2. Customiser > Layout > Primary Navigation > Navigation Width > Contained
You are using a Mega Menu Plugin, have you thought of just using the GeneratePress menu?3. Change the color to RGB:
@media (min-width: 768px) { #primary { border-right: 1px solid rgba(80,80,80,1); } }
You can adjust the container gaps within the Customiser > Layout > Container
July 8, 2018 at 4:14 pm #618857GunaHello David,
1. I have just noticed that in the mobile version my site logo doesn’t appear no matter what, there is just symbol of a picture and title of it. Is it because I haven’t put site icon or there is some other issue?
2. In the widget about me, i would like to put my picture into a round frame to give my site a more modern look, how can i do it?
3.In the widget area of the right side, i would like to give a background color to the headings: follow me, about me and newsletter,not the whole widget, how can I get it done?The example of what i want is in my friends site again: nancynjoka.com where she has used black color for that.
4.I would like to give a more space between my logo and the header image and the tagline in the computer version, how do i do that?Thanks a lot in advance!
July 8, 2018 at 4:15 pm #618858Gunamy page is goitdoit.com
July 8, 2018 at 4:30 pm #618860DavidStaffCustomer SupportHi Guna,
1. Go to the Customiser > Site Identity > Logo in the retina image – just add an image there and then remove it. There is a left over URL from the Wordsmith site. This should fix that.
2. You can use this CSS for that individual widget to create a round border. Please note you will need to use a square image for it to be circle:.inside-right-sidebar #text-4 img { border-radius: 100%; }
3. For the widget titles you can use this CSS to add the background color and center the text. The text color can be set in the customiser > colors > sidebar widget > widget title
.widget-title { font-weight: bold; text-align: center; background: #111; /* Change the hex value for different color background */ }
4. Add some bottom margin to the site logo:
@media (min-width: 1024px) { .site-logo { margin-bottom: 20px; } }
July 9, 2018 at 4:28 am #619099GunaHello David, thanks a lot, with your help my site finally starts to look better!
However, some more questions:
1.You have given me a code for the logo to have it where it is, but i would like to play around with it a little bit to see if it looks better, little bit to the left from the world map painting as pointing towards it or leave it on the top, but in that case take it a bit down so it is exactly on the top of the painting and not a bit up as it is now. if you tell me what values i can change in the code to play around with the placement of the logo, i can do the job myself:-)
2.As to the primary navigation, where do i change if it has countour around the menu bar or not, and if there is countour around it i would also like to have it on the sides and adjust the color of the countour with the line separating the content from the right sidebar so it is the same color.
3.I tried to change the color of the background of the right side widget titles following the steps: customiser > colors > sidebar widget > widget title, but only the color of the letters was changed, not the background.
4.I have added the code to make the picture About me round but it didn’t change, even though the picture is squared now. Could it be because the picture and the text I have in the same field?July 9, 2018 at 7:22 am #619224GunaHello once more,
I just talked to a webdesigner and he came up with a very good advice as to my header to make it look good both on mobile and web. So his suggestion was to “cut” the painted worldmap into 2 peaces, having Atlantic ocean as the cutting line and “put my logo on the Atlantic ocean”- between Americas and Europe and Africa, thus expanding the ocean a bit to give place to my logo. How can I do that? ( I can send a sketch if my description was not understandable. -
AuthorPosts
- The topic ‘Social media buttons’ is closed to new replies.