• Resolved okrimirko

    (@okrimirko)


    [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    Hello,
    I am working on the website of a friend (that someone else, unreachable now, managed in the past), but I’m not so familiar with wordpress therefore please excuse me in advance if I misunderstand some things.

    On the first website, he has this widget in the Top section called “qTranslate Language Chooser”, which produces a dark bar above the rest of the website’s content with a drop down menu, like this:

    By adding a “Text” widget, the previous person managed to add a link (the “Test1”) leading to the second website. This Text widget’s parameters are Style:Default and Display:All.

    I tried adding the same widgets to the second website.
    First widget (language) added: ok, looks like the other one.
    Second widget added: the “Test2” link appears right next to the drop down menu, and the background dark bar doubles its size. I can move the link to the right end by setting the Style parameter as “Pull-right”, and then it looks like this:

    Do you know why the bar decided to double its thickness? Or why here I have to pull-right the link for it to appear on the right? Also, the link on the first website is white while the other one is grey.

    I double checked both widgets’ parameters, they are similar. Checked the templates of the website too, they’re fully identical (most of them at least).

    If you have any idea, thanks to share.

    Best regards,
    Flo

    Wordpress vesion: 4.2.15
    Theme: Sw Sport

    • This topic was modified 7 years, 9 months ago by okrimirko.
    • This topic was modified 7 years, 9 months ago by Jan Dembowski.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    Can you put here the links of both websites?

    Thread Starter okrimirko

    (@okrimirko)

    https://qthostel.com.vn
    https://qtmotorbikesandtours.com.vn/

    • This reply was modified 7 years, 9 months ago by okrimirko.

    ok, so on qtmotorbikesandtours on the app-red.css file (inside the theme) you have one extra line at the end of the file with some extra css, and of the rules of that line is this:

    .widget-2.widget.text-28.widget_text {
        float: right;
        margin-bottom: 0;
    }

    This is what makes the Test 2 link go right.

    Anyway, even if you put that line on the other website it won’t work, because this rule is limited to a widget with text-28 class, and on the new website, the widget has another class (these classes are autogenerated) and is text-13 instead.

    What you can do is add instead a rule like this:

    .widget-2.widget.widget_text {
        float: right;
        margin-bottom: 0;
    }

    But if you think it’s too generic just add the specific class of the widget on that site:

    .widget-2.widget.text-13.widget_text {
        float: right;
        margin-bottom: 0;
    }

    Hope this helps!

    Thread Starter okrimirko

    (@okrimirko)

    Hello,

    Thank you for our answer!

    I looked for the css files but could only find a rather empty style.css file, which seems to indicate that the theme author chose to place the files somewhere else, and that, for me to access them, I need to login to the domain hosting service.
    At least that’s what this website says: https://zellwk.com/blog/find-wordpress-css/

    Now the problem is, my friend is on holiday, and even if he was available, I’m not sure that he would know from memory.

    Is there a way to know the websites domain hosting service.s? (I think I can figure out the credentials)

    Best regards,
    Flo

    • This reply was modified 7 years, 9 months ago by okrimirko.
    Moderator bcworkz

    (@bcworkz)

    Yes, but in your case the file is not accessed through domain hosting. Though that would be an option, it’s not necessary. The file can be reached through the theme editor (if it hasn’t been disabled). In any case, you must avoid editing original theme files. You should be able to override any CSS by placing styles in the Additional CSS area of the customizer. Some themes have a particular place you can put overriding CSS, either in a settings page or a specific file in the theme folder (maybe the /css/ sub-folder).

    If none of that is available, there are plugins that allow you to enter overriding CSS. For serious customization, a child theme is the traditional approach. However, framework based themes take up the one available child position. Such themes can be customized through a custom plugin.

    FWIW, the host can usually be determined through reverse DNS and whois look ups.

    Thread Starter okrimirko

    (@okrimirko)

    Hello,
    Thanks to you I managed to make it look much more similar to the other website. I added the bit of CSS code you gave me to the widget’s CSS frame.

    Thank you both for your help.

    I do have another issue though, I just messed up the whole homepage now (with something completely unrelated) haha. I just opened a new topic : https://www.ads-software.com/support/topic/slideshow-pictures-replaced-no-longer-displaying/

    Bye,
    Flo

    • This reply was modified 7 years, 9 months ago by okrimirko.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Same widgets and templates, different results’ is closed to new replies.