By uzplayer on

I been trying to figure out what in the BlueMarine theme is generating the horizontal rule lines in between each of the tables, but have not been able to identify it. Can anyone point me in the right direction so I can eliminate it?

⋅ Categories: Drupal 4.7.x

Comments

nevets’s picture

nevets commented

The BlueMarine theme uses horizontal lines in a number of places and if you can be more specific I can try an provide a more specifc answer. In general terms those lines are probably from a css rule for some class or id that defines a border, something like this: border: 1px solid #BBBBBB. In the administer -> logs page for example there are borders with the color #BBBBBB and #CCCCCC (which I think you will in the css as #BBB and #CCC). There are a little over fifty instances in the css rules that define a border rule. You will find rules with border and also border-top, border-bottom as well as several other variations. Blocks for example have a rule like this

.block {

  border-bottom: 1px solid #bbb;

  padding-bottom: 0.75em;

  margin-bottom: 1.5em;

}

which produces a grey line afte each block (it's in the bluemarine style.css file). You could modify it like this

.block {

  border-bottom: 0;

  padding-bottom: 0.75em;

  margin-bottom: 1.5em;

}

which would remove the grey line.

uzplayer’s picture

uzplayer commented

Hi there,

Thanks for the response. If you look at www.gamersuplink.com, you'll see the horizontal rules in question. (The whole design is in beta mode right now, so pardon the mess.) Basically any instance of a horizontal rule present, I want to get rid of.

Thanks for the help in advance!

- uzplayer

nevets’s picture

nevets commented

You wan to edit style.css and look for all instances like border: 1px solid #bbb;, They may instead of reading just border may read border-top, border-bottom, border-left, border-right (they may be some border-widht also). For each one of those remove the border rule (or change 1px solid #bbb (or whatever follows border) with 0 like this border; 0;

uzplayer’s picture

uzplayer commented

Thanks!

Worked like a charm!

m.a.piedra.v’s picture

m.a.piedra.v commented

The line you would like to remove is created through the CSS (Cascade Style Sheet) file called style.css. The only picture in the template is the Drupal logo. I have not yet worked on this template (only on B7), but you can begin by doing some changes on the code that describes the elements on the heading, and then refreshing the web view.

You may be interested in working on the segment called "Page layout blocks / IDs":

/*
** Page layout blocks / IDs
*/
#header, #content {
width: 100%;
}
#header {
background-color: #69c;
}
...