using CSS in matala theme

  • Unknown's avatar
    lasnomadasdelarcoiris · Member ·

    Hi, i am doing the layout of my blog and i am completely lost with this CSS :S

    I have the matala theme and i would like to change the colour of the titles of the posts, and the background from cream colour to turquoise. And also the colour of the entrances of the menu and the background of the boxes. Can you please explain me how to do that? (please clear explanations as i am not familiarised with this computer language). Thanks a lot for your help :)

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, the background to the post titles is this image, which you will either have to modify or replicated with your color.
    https://s2.wp.com/wp-content/themes/pub/matala/images/bg-header-title.gif
    You would then add this CSS and replace URL_OF_IMAGE between the quote marks with the URL of your image that you have uploaded to your Media Library. 

    .entry-header {
    background: url("URL_OF_IMAGE") no-repeat scroll left top rgba(0, 0, 0, 0);
}

    For the font color of post titles, you would add and edit this CSS. 

    .entry-title, .entry-title a {
color: #cc0000;
}

    For the black menu items, add this and adjust the color as desired. 

    #access a {
color: #cc0000;
}
#access a: hover {
color: #00dd11;
}

    On the menu, there is also one additional color setting for the current page item (the one you are on). The following will allow you to change the color on that menu item. 

    #access .current_page_item a {
color: #00dd11;
}

    To use the above code, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

  • Unknown's avatar
    lasnomadasdelarcoiris · Member ·

    Thank you very much for your answer, it was really useful.
    But still I need to do some more changes in my blog. (Btw, is there a way where i can i find these CSS codes by myself instead of asking you?)

    I would like to change a few more things:

    – I want to change the colour of the pages (Inicio, Sobre Nosotras, Destinos, LGTB, Actividades, Contacto) of my blog once i go over with the mouse. Right now is orange.

    – I would like to change also the background colour of the “boxes” in the subpages. For example when you go to DESTINOS then there are some “boxes” which appear in light brown with the subpages titles: (América, Asia, Europa) and the subsubpages (Norteamérica, México…) etc.

    – Each time you post something the date appears next to the post title. Can I change the colour or the day of the calendar and the colour of the month? And then below the post, you have the option to leave a comment etc. Can I also change also the colour of this into blue?

    – When you go to any of the pages, for example SOBRE NOSOTRAS it appears again below the text (Sobre Nosotras) in orange, can i change the colour of this text?

    -I have a widget in the side bar to like my Facebook page. Again the colour of “Las Nómadas del Arcoíris” appears in orange and the background in light brown, can I change both things?

    – And the last thing. I see that in my blog it appears always this information below: Blog de WordPresss.com/ El tema Matala. Is it possible to make this information disappear?

    Thank you very merry much for your help! I really appreciate it! Have a nice day! :D

    –

  • Unknown's avatar
    thesacredpath · Member ·

    To change the hover color on the menu items, add the following and edit the color. 

    #access li:hover > a {
    color: #00dd11;
}

    For the submenu background colors, there are two. The non-hover and the hover. With the following you can change both. 

    #access ul ul a {
    background: #cc0000;
}
#access ul ul li:hover > a {
    background: #00dd11;
}

    For the date and month on posts. 

    .post-date .entry-month {
    color: #d8471d;
}
.post-date .entry-day {
    color: #261a11;
}

    For the color of the page titles in the content area. 

    .archive-title, .page-title {
    color: #d8471d;
}

    The WordPress.com footer credits have to remain in place and readable per the WordPress.com Terms of Service (#11). As long as they remain readable and in place, the styling of them can be changed, but given that they barely show up on your site already, I don’t think it is an issue.

  • Unknown's avatar
    lasnomadasdelarcoiris · Member ·

    Thank you very much, you are really helpful to me! :D

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘using CSS in matala theme’ is closed to new replies.