Newbie help

  • Hi there,

    I am completely new to wordpress and am looking to make some further customisations to my personal blog – https://www.ohkay-dohkay.com. I have already made huge changes using CSS but there are one or two more bits I want to change.

    I am using Adelle.

    1. I want to add a dashed box around each of my widgets, the same sort of effect as my navigation bar.

    2. If possible I would like to move my social media icons upwards so that they are nearer the menu.

    3 I really want a little tab in the corner for “new users” similar to the one that Becky Bedbug has….here. Although I want a custom shape. How I would I do that?https://www.beckybedbug.com

    4. I want to make the menu longer. If you look at the space on the right side of the menu, I am unable to place text in this area and when I do add extra tabs it goes to the line below.

    5. If you look at the “about me” page, there is too much space before the image and after the menu. How do I narrow that?

    Thank you!!

Viewing 14 replies - 1 through 14 (of 14 total)

  • Before anything please correct CSS errors

    https://jigsaw.w3.org/css-validator/validator?uri=https://ohkay-dohkay.com/?sccss=1&ver=4.2.2

    The nav bar is spilling out in small screen, so we should address this first before going on with other customizations.

    Remove width: 1010 px from .nav assigned another Custom CSS, also all the customization CSS should be kept in one place better, so move all the Custom CSS in one place.

    There is another width 1300 px assigned to .nav in main stylesheet, we should always keep the main theme files untouched, so make sure you got all the modifications moved to Custom CSS and have the main theme file as a fresh copy.

    Thread Starter KayPage

    (@kaypage)

    Thank you. I think I have sorted all that out now.

    There is still 1000px width assigned to .nav in both main theme stylesheet (meaning it’d been edited directly because theme’s default use percentage not fixed pixel), also there is 1000px width on .nav in Custom CSS too.

    Did you make direct edit to main theme’s stylesheet a lot?

    If not much, just replace the whole file (style.css) with a fresh copy. If you got a lot done directly to theme stylesheet, save it as a backup first, then transfer all the changes to Custom CSS. This is for longevity of the project, to make sure that we have everything right by keeping theme files untouched and have all the modifications only in Custom CSS. So when theme updates we won’t lose all the works.

    This is theme’s original style.css
    https://themes.trac.www.ads-software.com/browser/adelle/14.10/style.css?format=txt

    Thread Starter KayPage

    (@kaypage)

    Ok thanks, before we go back to the initial points I asked, how do I make it so that all my social media icons are one level?

    Do you mean all of them 6 items always in 1 line in all kind of device screen widths?

    Thread Starter KayPage

    (@kaypage)

    Sorry forget that. I am having new social media icons designed for me so I’ll wait until then. Now I am just looking to make the above customisations.

    Try this in Custom CSS.

    /*----- border around sidebar -----*/
.side-widget  {
	box-sizing: border-box;
	padding: 20px 25px;
	background: #fff ;
	border: 2px dashed #ce07d8;
}

/*----- sidebar social links-----*/
#text-6 { text-align: center; }
#text-6.side-widget { padding: 20px 0; letter-spacing: 5px; }

/*----- sidebar image -----*/
#image-2 h3 { color: plum; }
    Thread Starter KayPage

    (@kaypage)

    Ah thank you!! That worked!

    This is for the About Me page. It can only be done in screenwidth bigger than certain pixel that’s wide enough so that the page title and image won’t collide. So the code is in media query.

    /*----- About Me page image top position  -----*/
@media all and (min-width: 1025px) {
	.page-id-4 .wp-image-5118 { margin-top: -69px; }
}
    Thread Starter KayPage

    (@kaypage)

    Thank you ??

    Thread Starter KayPage

    (@kaypage)

    Is there a way for me to remove the “about me” on the left hand side of that page?

    Try this

    .page-id-4 .post-title { color: white; }

    Hi guy and girls!

    I don’t know if I’m posting in the right place so please forgive me in case I’m doing wrong.

    I also use adelle as a theme for my blog (bla-blahair.com) and I’m having problems to customize. Among them, please can someone tell me how to make the ribbon be normal? I mean without the endings pointing out (sorry if my english is not good I’m french :s)

    Thanks for your help.

    Lizzie

    Kay – this might be a silly question but have you paid to customize? I am completely new to wordpress but I can see youve made changes I cant see how to do (eg adding more social media links)?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Newbie help’ is closed to new replies.