Change CSS code of my website

  • Unknown's avatar
    daan22 · Member ·

    Hi there! I would like to remove the shadow on the text that is on my my main page that says, ‘DBS Designs, uw partner in grafisch ontwerp. Een professionele uitstraling van uw bedrijf is ons doel…’ and the rest of that text. All of the text on the website should be a dark grey without shadow. The titles and menu should also change to a dark grey. Would someone mind helping me to craft that code? Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    innisfreehomestead · Member ·

    Hello there!

    Dropping this code in your custom CSS area should do the trick: 

    .pique-panel-content {
	color: #a7a7a7;
	text-shadow: none;
}

    Let me know if that doesn’t work!
    Sage

  • Unknown's avatar
    daan22 · Member ·

    Is there a way I can change the background of my website? Now some are grey and some are white. I would like all of them to be white. Also I would like the titles of the page to appear in Black. Is there also a way to manually change my menu at the top of the website? Sorry a lot of questions!
    Thank you!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, to change the grey body background color to white on pages, such as your about page, add the following to your custom CSS. 

    body.custom-background {
    background-color: #fff;
}

    There is also a box shadow and a very light grey on the .site div, which you can remove with this. 

    .site {
        background: rgba(0, 0, 0, 0);
	box-shadow: none;
}

    I see you have the menu titles in black with the exception of the current menu item, which is in white. On pages such as your about page, I find that hard to read with the darker blue background. For those that are visually challenged, they may not be able to read the menu items.

  • Unknown's avatar
    daan22 · Member ·

    Thank you so much for the help! I will definitely change my menu into a visually more appealing look. About the codes, I’ve added them but I don’t know if they are working. I would like to have to blue background in the top of the homepage to be white, but somehow it just stays grayish when I turn it to white in my customizer menu. The theme puts some kind of grey layer on it with a shadow. Is there a way to avoid this? And to create a pure white background as an opener of my page in the top? Thank you!

  • Unknown's avatar
    thesacredpath · Member ·

    Let’s see if the following gets you what you are looking for. 

    .pique-panel-background::before {
	background: none;
}
.pique-panel {
	background-color: #fff;
}

    You will have to remove this rule from your custom CSS though as it is causes the Contact menu item to be white. 

    a:link {
	color:#fff
}

    Let me know what you actually want white with that rule and I can help get the right CSS rule together for you.

  • Unknown's avatar
    daan22 · Member ·

    Thank you! That did the job! :D
    Well your codes work really good so anything that I needed fixed is fixed concerning the whites.
    At this point though, when I hover over my menu it fades to white so you won’t see it. And my buttons in the home page are fully black. Is there a way I can give the hovering over my menu the same blue color as the floating menu (when you scroll down) and give the buttons the same blue color?

    And is there a way to change to brown bottom to a black one?

  • Unknown's avatar
    thesacredpath · Member ·

    Super, glad that all did the trick for you. On your buttons, add the following to make the text on the buttons white. 

    a.button {
	color: #fff;
}

    On the menu, I don’t seem to see the issue you mention. The menu items are black, except for the current menu item on the home page, and on other pages, such as Een vraag aan ons?, I’m seeing a mixture of white and black on the menu items. We can fix that so that it shows the current menu item in white (the page you are on) and the others in black with the following. 

    .main-navigation .cur_item a, .main-navigation .current_page_item a {
	color: #fff;
}
.main-navigation a {
	color: #000;
}

    If you can give me a link that shows what you are talking about with the menu, I will be happy to look into it.

  • The topic ‘Change CSS code of my website’ is closed to new replies.