Widged header size and color in Arjuna X

  • Resolved CoachAlvar

    (@coachalvar)


    14 years, 1 month ago

    Hi! And thank you for reading.

    My site: https://www.onlinecoachingentraining.nl

    1. Size
    I’d like to change the size of the widget headers in Arjuna X. Not the headers IN the widget but the ones above it. So on my site I use the right sidebar and it has 4 widgets. The top one being ‘Bereiken wat jij wilt!’. I would like to increase the size of that text (and the ones below it).

    2. Color
    Also I used some HTML code in the simple text widget change the color of the link just below the ebook picture. It then changed the header color and text in the widgets below it. This ‘mistake’ I like, but I would then also like to change the header color of ‘Bereiken wat jij wilt’ as well.

    I know where to find the different .css and .php files and i can alter them by instruction, though I have next to no idea what it is I’m doing. A specific piece of code and the paramater to change would be much apriciated!

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator t-p

    (@t-p)

    1.

    The top one being ‘Bereiken wat jij wilt!’. I would like to increase the size of that text

    do you mean increaase the font size? if yes, look for the following element in your CSS:

    .sidebars h4 span {

    in that element, increase the font-size (currently it’s “11px”).

    I would then also like to change the header color of ‘Bereiken wat jij wilt’ as well

    2.I Not sure. Perhaps in the same element

    Thread Starter CoachAlvar

    (@coachalvar)

    Number one worked, thx! I did indeed mean the font size.

    The complete block of code is now:

    .sidebars h4 span { display:block; margin:1px 0; background-color:#ebebeb; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding:6px 15px; }

    As you can see I altered the fontsize to 14.

    Number two remains a mystery to me. I tried adding color:#80BFFF to it making it look like:

    .sidebars h4 span { color:#80BFFF; display:block; margin:1px 0; background-color:#ebebeb; font-family:Verdana, Geneva, sans-serif; font-size:14px; padding:6px 15px; }

    But alas, that did not change the looks.

    Did I enter the wrong code or was I in the wrong place?

    Thx again ??

    Moderator t-p

    (@t-p)

    1. I am glad it worked for you.

    2. as I mentioned in my previous reply, I am not sure.

    Moderator t-p

    (@t-p)

    here you go:

    in the same RSS element add the color property the way you have. it works for me:

    .sidebars h4 span {
    color: #80BFFF;

    Make sure clear your cache before viewing the page (press clrl+f5 simultaneously)

    Thread Starter CoachAlvar

    (@coachalvar)

    Hey t-p,

    Thanks, that did work, although only for the first and last header haha. The two in between remain the old color:S
    It must be some widget or other that is messing things up.

    the ‘odd ones inbetween’ are linked titles, therefore the style needs to be:

    .sidebars h4 span a { color: #000066; }

    Thread Starter CoachAlvar

    (@coachalvar)

    Ha! It was indeed a color code I (previously) had in a text widget. Retyped text widget, left out color code: problem fixed.

    Thx!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Widged header size and color in Arjuna X’ is closed to new replies.