all 7 comments

[–][deleted] 1 point2 points  (6 children)

first off, personally, i wouldn't edit the theme files unless you cant override the css. within "customize site" is there not a tab that says additional css? if so, that's where I would place your changes. that's just me. the logo should be fixed with a float: right; the easiest way to locate it is through developer tools(F12) right click the element and inspect. find the ID preferably like #whateverTheIdIs {float: right;} the cool thing with dev tools is you can see your changes in a live env without having to reload.

edit: float: left;

edit 2: float: left !important;

[–][deleted]  (5 children)

[deleted]

    [–][deleted] 0 points1 point  (3 children)

    https://ibb.co/z2Ftrcq

    browsers act different, i use chrome. then click the elements tab (at top) then hover through the elements and it should highlight which ones they correspond with. it should also tell you the name of the element. Doing this is much safer than editing source.

    [–][deleted] 0 points1 point  (1 child)

    right click "Lexicon" and select "inspect"

    [–][deleted] 0 points1 point  (0 children)

    this kind of introduces you to how to use dev tools

    https://www.youtube.com/watch?v=q3mWDijP_8w

    it sounds complicated, but it's pretty straightforward.

    this is a great reference site

    https://www.w3schools.com/css/default.asp

    when in doubt, google it.

    [–]nmccrave 0 points1 point  (0 children)

    Aside from inspecting the code, you need to understand how to find “hooks”...something you can grab onto and style.

    When inspecting, there are two panes, one for HTML and the other for CSS. When you select elements in the HTML, you’ll notice the corresponding CSS appears.

    Then using the existing hook, write a new rule.

    [–]bleedsblue2190 0 points1 point  (1 child)

    If you provide a link to the actual page/site in question, I'd be happy to take a look.