Spireaci

well, I’m glad it worked and I am especially glad you asked about learning CSS:)

Just before posting this, I read the forum rules again to make sure I don’t get into trouble posting links to external resources. I hope I did not miss anything…

So:
obviously this is a valuable straightforward resource for CSS Tutorials and reference
https://www.w3schools.com/css/default.asp

and then, my alltime favourite:
https://www.codecademy.com/en/tracks/web

Note: these are absolutely free resources
so… Good luck CSS-ing! ??

Hi again,

Never intended to imply you were ignorant :), on the contrary, your interest in making things look better shows the opposite.

I think you were in the right place – in Stylesheet (style.css).
I that file, you should find a section called
/* Typographical Elements
——————————————— */
under that, at line 228 you should find

ol,
ul {
	margin: 0;
	padding: 0;
}

this stands for ordered list and unordered list or “bullet list” (which is what you target)

You can change the value of bottom margin to 20px like this:

ol,
ul {
	margin: 0 0 20px 0;
	padding: 0;
}

This should stick to any list you currently have and all the future ones you create.

Don’t forget to save! …and enjoy!

hi,

try ading this to your child theme’s custom CSS:

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: gray;
    color: #ffffff;
}

hi,

you should add the CSS code in wp-content/themes/foodie/style.css
it does not look as if you added it.

in your WP dashboard – select appearance > editor then look for style.css and add the code there.

also, it does not look as if you are using a child theme. I strongly recommend that you create one and use it to avoid losing your customisation after theme updates. see here: https://codex.www.ads-software.com/Child_Themes

Hope this helps!

hey,

try adding

media="all"
ol, ul {
margin-bottom: 20px;
}

to your custom CSS (that is – in your child theme’s style.css)

this is the effect https://imgur.com/VoCvMFP

Cheers!

yup! I think I found it!

looks like “simple-twitter-tweets” plugin adds this piece of CSS that affects your avatars.

Try disabling the plugin, remove the fix (margin-left: 0), and see if everything looks right.

Then, of course, you can decide if you want to keep the plugin (using the fix every time), edit the plugin’s minified CSS (wp-content/plugins/simple-twitter-tweets/stt.min.css) or look for another similar plugin:)

Nice blog- by the way,
Good luck!

Hi,

I looked into it and it seems that what is different from other TwentyFourteen implementation is that you have this

media="all"
.avatar {
margin-left: 53px;
}

in your css. do you remember to have done this yourself or maybe – like you suggested – using a plugin/widget that affects how avatars are displayed?

if you could remove the above selector – you would not need to apply the “fix” anymore – should be safe after updating too ??

Cheers!

Hey KSeiersen,

either

img.avatar.avatar {
margin-left: 0;
}

or

.comment-author .avatar {
margin-left: 0;
}

should do the trick. see here https://imgur.com/a8kQpU3

but,

to avoid “returning” after updating the theme in the future, you should add either one of these in the style.css of your child theme

you can learn here how to do this: https://codex.www.ads-software.com/Child_Themes

hope this helps,
Cheers!

hi ruslan_vn,

I suppose the shortest way to “remove” it is to add this

p#nxs-copyright {
display: none;}

to your style.css file (preferably in the child theme’s style.css)

cheers!

Hi,

your link color is #00ccff (cyan-like);
while the color of the footer links are #1d86b6 (dodgeblue -like)

that was the original color of the theme footer links

but you can change it to e.g. white
here:

.footer_bottom a {
    color: #1d86b6;
}

add this code to your style.css (or custom css)

Cheers!

Hi Puseletso,

add this code to your style.css (or custom css)
for links

a {
color: red;
}

and for page header

.page-heading h1 {
color: white;
}

Of course you can choose your own prefered colours.

Cheers!

Hi KSeiersen

Add this in your chid theme css

.avatar {
    margin-left: 0;
}

This should definetely work. see here
https://imgur.com/bD5bYf3

Cheers!

I probably forgot to use backticks.
I meant

the two tags (pairs) <a> </a> before and after your opening <li> tag should be deleted.

Hi spoiledbrat,

look at the code
the two tags (pairs) before and after your opening
<li> tag should be deleted.

<ul class="socials-bottom clearfix">
<a> </a>
<li>
<a> </a>
<a class="facebook" target="_blank" href="https://www.facebook.com/blueprinttechnology"></a>
<div class="cloud">
Facebook
<div class="helper"></div>
</div>
</li>

Hope this hepls,
worked for me
https://imgur.com/OZXuhPV

Cheers!

for me, it worked after setting the wp_mail_smtp plugin to PHP.
Thanks a million, Roy!